vue同路由跳转页面不刷新的解决方案

场景:使用router-view时,如果在相同路由之间跳转,默认在跳转路由时会采用缓存策略,并不会刷新当前路由组件。即mounted,beforeDestory等钩子函数并不会触发
第一种

解决:给router-view设置一个唯一值key,跳转时,传入不同的query参数即可

 
 
第二种
//  在watch函数中监听路由变化
watch: {
  '$route': function (){
    //重新新页面的数据信息
  }
},

你可能感兴趣的:(vue同路由跳转页面不刷新的解决方案)