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

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


子列表如下:



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

解决方法:

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

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


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


  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值