vue父子页面都缓存,父进子点浏览器返回后,再进入子页面不刷新问题解决

项目中遇到了父子两个页面都是缓存的,但是父页面是一个统计页面,点击表格的不同项目会进入到对应的子页面的不同tab列表页,如下:


子列表如下:



我点击了未到件进入到子列表的未到件列表后,点击浏览器返回到父页面,数据缓存所以页面信息没问题,可是当再点击待派件之类的进入到子页面,本来应该是需要刷新子列表页到待派件的tab显示列表的,可是因为有缓存,所以子列表页面没有刷新还是在未到件列表处。

解决方法:

在子列表也添加如下代码:

watch: {
      // 如果路由有变化,会再次执行该方法
     '$route': 'fetchData'
},
fetchData为自定义方法(method里编写,也可以不名叫fetchData)。这样,在进入到子列表页是,页面就会根据路由的变化而刷新啦!问题解决


vue关于路由的参考:https://router.vuejs.org/zh-cn/advanced/data-fetching.html


猜你喜欢

转载自blog.csdn.net/seanxwq/article/details/80243023