this.$router.go(-1)再次点击页面时数据不刷新?

  • Post author:
  • Post category:其他


返回按钮采用this.$router.go(-1)后,点击页面然后返回,再点进去页面,发现页面数据状态没有改变。

排查后,发现在其他页面路由跳转没有问题,但是在一个特定的页面中跳转就出现这样的问题。

原来是这个特定的页面采用了嵌套路由,在父组件中采用了keep-alive组件,导致该页面被缓存起来了。

<keep-alive>
  <router-view name="default" :key="$route.fullPath"></router-view>
</keep-alive>

那么只需要将这个页面加入keep-alive的黑名单即可

<keep-alive exclude="组件的名字">
  <router-view name="default" :key="$route.fullPath"></router-view>
</keep-alive>



版权声明:本文为ccy_888原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。