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

2020-09-10  本文已影响0人  halowyn

场景:使用router-view时,如果在相同路由之间跳转,默认在跳转路由时会采用缓存策略,并不会刷新当前路由组件。即mounted,beforeDestory等钩子函数并不会触发
解决:给router-view设置一个唯一值key,跳转时,传入不同的query参数即可

 <!-- 添加:key="$route.fullPath"防止同路由页面不刷新问题 -->
 <router-view :key="$route.fullPath"></router-view>
上一篇 下一篇

猜你喜欢

热点阅读