美文网首页
vue 同一个页面第二次跳转路由不刷新问题

vue 同一个页面第二次跳转路由不刷新问题

作者: 姀影 | 来源:发表于2021-04-22 18:22 被阅读0次

问题描述

vue在第二次跳转同一路由跳转数据不更新,

原因

使用router-view时,如果在相同路由之间跳转,默认在跳转路由时会采用缓存策略,并不会刷新当前路由组件。即mounted,beforeDestory等钩子函数并不会触发。vue 同一路由跳转不走生命周期,导致数据不更新。

解决办法

办法一:

使用watch 监听路由变化。手动更新数据。

办法二:

使用 <router-view :key="$route.fullPath"/>

办法三:

把你mounted(){} 里面执行的办法在 activated(){} 里面在执行一遍,完美解决。

相关文章

网友评论

      本文标题:vue 同一个页面第二次跳转路由不刷新问题

      本文链接:https://www.haomeiwen.com/subject/cdyfrltx.html