浅谈vue-router路由切换 组件重用挖下的坑

// 由于会渲染同样的 Foo 组件，因此组件实例会被复用。而这个钩子就会在这个情况下被调用。
// 可以访问组件实例 `this`
},

上面说的是

/foo/:id，在 /foo/1 和 /foo/2 之间跳转的时候，

我的是 从/main 调到/get ，并不符合上面的情况，活该翻车

一次真的救援

data () {
 return {
 path:this.$router.currentRoute.path;
 }
}
watch: {
 '$route' (to, from) {
 this.path = this.$router.currentRoute.path
 }
}

这次真的救援成功了，页面的 path从 /main 变成了 /get

以上这篇浅谈vue-router路由切换 组件重用挖下的坑就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。