vue this.$router.push 页面不刷新总结(8种解决方式----覆盖所有场景)

原文地址：https://blog.csdn.net/qq_38143787/article/details/120920610

这其实是一个很常见的问题,当使用push的时候,会向 history 栈添加一个新的记录,这个时候,再次添加一个完全相同的路由的时候,就不会再次刷新了.

没有耐心的可以直接看第九种方式,绝绝子,适用所有场景.

解决办法有这么几种:

1. 添加activated函数。

   activated（）{
   在这里插入代码片
   }

2. 通过路由监听的方法。将mounted下的方法函数放到watch路由下

// 不推荐、用户体验不好
watch: {
'KaTeX parse error: Expected '}', got 'EOF' at end of input: …化页面刷新 this.router.go(0);
}
},
// 该方法会多一次请求
watch: {
‘$route’ (to, from) {
// 在mounted函数执行的方法，放到该处
this.getTableData();
}
},

3. 使用VUE的v-if控制DOM

注意：this.$router.push使用的是query不是params