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

原创于 2020-03-24 15:49:22 发布 · 933 阅读

CC 4.0 BY-SA版权

文章标签：

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

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

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

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