vue跳转当前页面，执行接口

在使用vue开发项目时遇到一个需求，点击标题跳转当前页面。通过 this.$router.push已经更改了url上面的参数，但是页面没有重新加载，这个要如何处理呢？

可以通过使用watch监听地址栏上的参数变化实现页面数据更新。

实现代码：

 watch: {
    $route: { // 监听路由的参数变化
      handler () { // 数据变化更新数据
        this.instId = this.$route.query.instId 
        this.getInstDetail()
      },
      immediate: true // 立即执行
    }
  },

转载于：vue如何跳转本页面_hua_ban_yu的博客-CSDN博客_vue 跳转当前页面