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来进行数据更新 **
相关文章推荐
- vue路由只变化参数页面组件不更新问题
- Vue-- 监听路由变化,数据无法更新?
- Vue-- 监听路由变化,数据无法更新?
- vue使用路由进行页面跳转时传递参数
- vue 路由传递参数,刷新页面后参数丢失
- vue监听页面大小变化重新刷新布局
- vue路由名字不变,仅query发生变化,点击返回页面不重新渲染
- vue 监听路由变化 axios渲染
- Angular URL地址参数改变,视图不更新的解决办法(监听URL变化,重新加载数据方法)
- Vue 监听路由变化
- angularJS监听路由变化改变页面内容
- vue 监听路由变化 mint-ui中tabbar遇到的坑
- [置顶] 在vue路由变化的时候,改变页面的title
- VUE监听路由变化的几种方式
- 解决vue-router在同一个路由下切换,取不到变化的路由参数问题
- vue.js使用watch监听路由变化的方法
- vue通过 vue.mixin(混合)实现 任意页面记录滚动条位置(路由router.query参数一致) 并跳转到上次的位置
- 解决vue 路由变化页面数据不刷新的问题
- vue.js用vue-router路由传参时页面刷新后参数消失的问题
- vue 监听路由变化