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]))
}
}
vue项目中有很多地方都是跳到同一个页面，只是参数不同，根据不同参数来做处理，一开始发现只参数变而路由不变没办法检...
Vue-- 监听路由变化，数据无法更新？
路由参数 路由参数分类 query router-link怎么声明 params 注意 想要有params参数必须...
在vue项目中，假使我们在同一个路由下，只是改变路由后面的参数值，如果不监听路由参数值的变化，页面无数据刷新，需手...
vue路由传参分为两种情况： 一、query和params传参的区别： 1、query传参显示参数，params传...
vue 监听路由变化 vue-router 由hash向history模式变迁 什么是路由 后端路由：对于普通的网...
要学会使用vscode调试自己的代码 前端调试文章 post的参数用data 监听路由变化 Vue-router2...
动态路由匹配 this.$route.params 响应路由参数的变化 路由跳转时，原来的组件实例会被复用，这意味...
一、路由传参 1. params 参数 （1）params 参数 路由配置 页面 （2）v-html指令 v-ht...
1，向路由组建传递参数 （1）params 参数 路由链接（携带参数）： 注册路由（声明接收） 接收参数this....
本文标题：vue监听路由参数变化params
本文链接：https://www.haomeiwen.com/subject/qpkqnctx.html
网友评论