vue同一个路由但参数不同,参数变了,可url没有变

我希望同一级路由通过左边列表提供不同的参数改变右边组件数据的变化,可我现在无论怎么点击,路径上的参数永远是第一次点击的那个,虽然我可以在子路由界面拿到改变后的参数

在组件中监听路由变化


watch: {
    $route: function(newVal, oldVal) {
      if (newVal != oldVal) {
        ...
      }
    }
  }
 

你的情况应该是这样的,你在左侧的导航栏里面点击按钮,却没有反应,地址栏变了,但是如果刷新地址栏,就会跳转到你希望跳转的界面,对吧?

解决方法:你需要在当前界面的vue里面配置watch监听器,监听路径变化,具体代码:

 watch: {
            $route(to,from){
               // created:{}里面的方法
            }
        },

 

您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632