问题描述
vue在第二次跳转同一路由跳转数据不更新,
原因
使用router-view时,如果在相同路由之间跳转,默认在跳转路由时会采用缓存策略,并不会刷新当前路由组件。即mounted,beforeDestory等钩子函数并不会触发。vue 同一路由跳转不走生命周期,导致数据不更新。
解决办法
办法一:
使用watch 监听路由变化。手动更新数据。
办法二:
使用 <router-view :key="$route.fullPath"/>
办法三:
把你mounted(){} 里面执行的办法在 activated(){} 里面在执行一遍,完美解决。