首页
2
3
4
this routeParam: { { routeParams }}
export default {
data() {
return {
routeParams: this.$route.params
};
},
watch: {
$route: {
handler: function(val, oldVal){
console.log(val.params);
Object.assign(this.routeParams, val.params)
},
// 深度观察监听
deep: true
}
}
};
当分别点击2,3,4,首页时,会有如下输出
{0: "/2"}
testNuxtLink.vue?f05a:33 {0: "/2"}
testNuxtLink.vue?f05a:33 {0: "/3"}
testNuxtLink.vue?f05a:33 {0: "/3"}
testNuxtLink.vue?f05a:33 {0: "/3"}
testNuxtLink.vue?f05a:33 {0: "/3"}