由弹窗跳转到详情(假如已处于详情页面)，数据没有更新(刷新)

原创已于 2025-01-09 15:46:16 修改

· 143 阅读

0 ·

版权

文章标签：

#vue.js

于 2025-01-08 14:00:37 首次发布

需求：报警弹窗与报警页面都可以跳转到报警详情页面，但是已经处在详情页面后，再次弹出一个报警弹窗想再次跳转到详情页面(当期已处于上一个弹窗或者列表数据的详情)，点击弹窗详情按钮后，详情页面不更新数据

第一种方法：使用watch “监听路由” 变化，需要注意的是该方法会强制整体刷新了页面(整个网页重新加载)

watch: {
    $route(to, from) {
      window.location.reload();
    }
  },

第二种方法：使用watch “监听路由参数” 变化，该方法不会导致整个网页强制刷新(无感刷新)

watch: {
    '$route.query': {
      immediate: true, // 初始化时立即触发
      handler(newVal, oldVal) {
        console.log(newVal);
        if (this.$route.query && this.$route.query != null) {
          this.getDetailData();
        }
      }
    }
  },