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

问题描述

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

原因

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

解决办法

办法一：

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

办法二：

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

办法三：

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