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();
   }
   }