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