您的位置:首页 > Web前端 > Vue.js

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

2019-01-22 16:12 447 查看
版权声明:署名-非商业性使用 转载请保留原文链接及作者。 https://blog.csdn.net/qq_40413396/article/details/86596509

1、watch监听

  • /fund/funds?id=1
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来进行数据更新 **

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: