天天看点

vue路由跳转回来立即刷新页面,拿到的数据没变化的问题

说一下,我的问题,纯属菜鸟成长记录

背景:

有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请求了,所以这时拿到的是还没刷新的数据,最后搞了个延迟请求就拿到了

继续阅读