vue this.$router.push 页面不刷新总结(8种解决方式----覆盖所有场景)
vue this.$router.push 页面不刷新总结(8种解决方式----覆盖所有场景)
·
原文地址:https://blog.csdn.net/qq_38143787/article/details/120920610
这其实是一个很常见的问题,当使用push的时候,会向 history 栈添加一个新的记录,这个时候,再次添加一个完全相同的路由的时候,就不会再次刷新了.
没有耐心的可以直接看第九种方式,绝绝子,适用所有场景.
解决办法有这么几种:
-
添加activated函数。
activated(){
在这里插入代码片
} -
通过路由监听的方法。将mounted下的方法函数放到watch路由下
// 不推荐、用户体验不好
watch: {
'KaTeX parse error: Expected '}', got 'EOF' at end of input: …化页面刷新 this.router.go(0);
}
},
// 该方法会多一次请求
watch: {
‘$route’ (to, from) {
// 在mounted函数执行的方法,放到该处
this.getTableData();
}
},
- 使用VUE的v-if控制DOM
注意:this.$router.push使用的是query不是params
更多推荐
已为社区贡献3条内容
所有评论(0)