解决vue-router在同一个路由下切换,取不到变化的路由参数问题

2019-11-15,,,

最近用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的方法

《解决vue-router在同一个路由下切换,取不到变化的路由参数问题.doc》

下载本文的Word格式文档,以方便收藏与打印。