Vue Router 路由跳转到同一个页面,页面不刷新问题
主要问题
vue 同一路由跳转不走生命周期,导致数据不更新
不管是动态路由还是传参,都不走
解决方案:1
// 使用 watch 监听路由变化,手动更新数据
watch: {
'KaTeX parse error: Expected 'EOF', got '}' at position 111: …ery.id); } }̲ 解决方案:2 <router…route.fullPath">
// 使用router-view时,如果在相同路由之间跳转,默认在跳转路由时会采用缓存策略,
// 并不会刷新当前路由组件。即mounted,beforeDestory等钩子函数并不会触发。
// 如果想强制刷新,可以在根路由上为其分配一个唯一key。
//采用$route.fullpath作为其唯一key。这样vue就回认为内部路由每个都是不同的路由,在跳转时便会强制刷新组