vue项目中有很多地方都是跳到同一个页面,只是参数不同,根据不同参数来做处理,一开始发现只参数变而路由不变没办法检测到,想想百度了下是否能监听路由参数的变化,最终用下面的方法试了下,发现可行
watch:{
'$route.params'(newval, oldval) {
let indexarr = this.$route.params.indexObj.split('-');
let fatherIndex = Number(indexarr[0]);
this.pname = menuComponents[fatherIndex].pname;
this.menuList = menuComponents[fatherIndex].children;
this.imgUrl = this.imgs[fatherIndex];
this.showNewscontent(Number(indexarr[1]))
}
}