vue监听路由参数变化更新页面

1、watch监听

1
2
3
4
5
6
7
8
9
watch: {
$route( to , from ){
console.log( to , from )
console.log(to.query.id)
//  to , from 分别表示从哪跳转到哪,都是一个对象
// to.path   ( 表示的是要跳转到的路由的地址 eg:  /home );
// to.query.id 提取id进行http请求数据更新页面
}
}

我们打印了to form 看一下 query的id就是我们需要的参数 我们完全可以提取这个id来进行数据更新
logo

-------------本文结束感谢您的阅读-------------
坚持原创技术分享,您的支持将鼓励我继续创作!