场景:使用router-view时,如果在相同路由之间跳转,默认在跳转路由时会采用缓存策略,并不会刷新当前路由组件。即mounted,beforeDestory等钩子函数并不会触发
第一种
解决:给router-view设置一个唯一值key,跳转时,传入不同的query参数即可
<!-- 添加:key="$route.fullPath"防止同路由页面不刷新问题 -->
<router-view :key="$route.fullPath"></router-view>
第二种
// 在watch函数中监听路由变化
watch: {
'$route': function (){
//重新新页面的数据信息
}
},