最近用vue写项目的时候碰到一个问题,在同一个页面下跳转,路由地址不变,路由参数有变化,一开始只是在data里取路由的参数,发现根本取不到变化的路由参数。
在网上查找了一番后发现可以这样写:
watch: { '$route' (to, from) { //这样就可以获取到变化的参数了,然后执行参数变化后相应的逻辑就行了 console.log(this.$route.query) } }
以上这篇解决vue-router在同一个路由下切换,取不到变化的路由参数问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持北冥有鱼。
您可能感兴趣的文章:
- vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
- vue-router实现webApp切换页面动画效果代码
- Vue-router 切换组件页面时进入进出动画方法
- 详解使用vue-router进行页面切换时滚动条位置与滚动监听事件
- 使用vue-router与v-if实现tab切换遇到的问题及解决方法
- Vue + Vue-router 同名路由切换数据不更新的方法
- Vue-router结合transition实现app前进后退动画切换效果的实例
- 使用vue-router切换页面时,获取上一页url以及当前页面url的方法