vue如何跳转本页面

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

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

实现代码:

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

 


版权声明:本文为hua_ban_yu原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。