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

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

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

 <!-- 添加:key="$route.fullPath"防止同路由页面不刷新问题 -->
 <router-view :key="$route.fullPath"></router-view>
第二种
//  在watch函数中监听路由变化
watch: {
  '$route': function (){
    //重新新页面的数据信息
  }
},
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。