当前位置:   article > 正文

this.$router.push跳转到原来页面不刷新的问题解决_this.$router.push页面不刷新

this.$router.push页面不刷新

一,现象

在这里插入图片描述
现在的情况是编辑页面编辑更新数据后,返回旧界面,应该触发生命周期函数,重新获取数据的,但是生命周期函数并没有触发。

二,原因分析

主要原因是使用了keep-alive对组件进行了缓存,而后改用actived生命周期函数,依旧是无效,这大概率是因为我当初为了做面包屑导航,使用了嵌套路由的结构:
在这里插入图片描述
也就是现在导致返回上一级路由时,不触发actived生命周期函数了。

三,解决方案

这个页面不使用缓存,并且给router-view加上key

 <keep-alive exclude="dishes">
   <router-view :key="this.$route.path"></router-view>
 </keep-alive>
  • 1
  • 2
  • 3
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/252933
推荐阅读
  

闽ICP备14008679号