Vue路由this.route.push跳转页面不刷新

介绍：在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。也就是vue生命周期函数没有执行(created、mounted钩子函数)

问题：

当在A页面第一点击按钮到B页面时，一切正常，当返回到A页面再次点击按钮时，B页面没有执行mounted钩子函数，结果导致mounted函数中查询方法不执行。

二、解决方法：

1、使用activated:{}周期函数代替mounted:{}函数即可

2、监听路由

 

1. // 不推荐、用户体验不好
2.  
   watch: {
3.  
   '$route' (to, from) {
4.  
   // 路由发生变化页面刷新
5.  
   this.$router.go(0);
6.  
   }
7.  
   },

   
   // 该方法会多一次请求
   watch: {
   '$route' (to, from) {
   // 在mounted函数执行的方法，放到该处
   this.qBankId = globalVariable.questionBankId;
   this.qBankName = globalVariable.questionBankTitle;
   this.searchCharpter();
   }
   }