说一下,我的问题,纯属菜鸟成长记录
背景:
有A,B两个组件之间路由跳转,A为主页,B为 增加显示内容的编辑页面
A的内容通过mounted钩子使用axios得到数据,B可以修改A的内容提交时也发个axios将修改数据放到数据库,
提交按钮按下的同时,B是立即跳回A页面的, 因为A的axios放在mounted钩子,所以是会重新从数据库拿到修改好的数据的,
问题:
mounted正常跑,页面并没有变化
找问题:
下面还是踩坑的猜测:
一、以为是axios为异步操作,所以还没等数据拿到就渲染了
二、 以为了两天后,又来第二个以为,以为是vue的响应式渲染问题,说什么数组,对象的直接索引修改vue检测不到数据的变化,要用(对象: Vue.set() 数组: push()等才能检测到),
三、正真原因,是B页面提交和返回是一相对短时间进行的,还没数据库还没刷新,我已经返回A并且开始axios请求了,所以这时拿到的是还没刷新的数据,最后搞了个延迟请求就拿到了