使用watch监听路由传过来的两个参数mId和cId
每当传的值发生变化时,对应的处理函数就会被调用
当NewId存在时,则将新的Id储存到localStorage中,并调用接口(刷新)
通过"watch"选项,Vue.js可以实时监测路由参数的变化,并在变化发生时执行相应的操作,以确保界面与路由参数同步更新。
watch: {
'$route.params.mId': {
handler(newMId, oldMId) {
console.log('moId changed:', newMId);
if (newMId) {
localStorage.setItem('mId', newMId);
this.getList();
this.getPolymerize();
}
},
immediate: true,
},
'$route.params.cId': {
handler(newCId, oldCId) {
console.log('cId changed:', newCId);
if (newCId) {
localStorage.setItem('cId', newCId);
this.getDetail();
}
},
immediate: true,
},
},
接下来在你所需要参数的地方使用
methods:{
getList() {
const storedId = localStorage.getItem('mId')
//你所需要的代码逻辑
},
getDetail() {
const storedId = localStorage.getItem('cId')
//你所需要的代码逻辑
},