在使用vue开发项目时遇到一个需求,点击标题跳转当前页面。通过 this.$router.push已经更改了url上面的参数,但是页面没有重新加载,这个要如何处理呢?
可以通过使用watch监听地址栏上的参数变化实现页面数据更新。
实现代码:
watch: {
$route: { // 监听路由的参数变化
handler () { // 数据变化更新数据
this.instId = this.$route.query.instId
this.getInstDetail()
},
immediate: true // 立即执行
}
},