vue 同路由参数不同，带参数跳转，页面数据没有变？？？

gsy_study

于 2020-03-24 15:49:22 发布

阅读量922

点赞数

CC 4.0 BY-SA版权

文章标签： vue

本文链接：https://blog.youkuaiyun.com/gsy_study/article/details/105073598

本文介绍了一种在Vue.js应用中，通过在组件内监听路由变化来实时更新页面显示数据的方法，确保当用户在页面间跳转时，能够正确加载和展示新的参数数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
detail参数不同，根据detail进行页面渲染，但是在garbage页面重新点击detail，路径参数变了，但是页面没有变化。

解决：
在garbage组件中监听路由变化
在这里插入图片描述

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