關於vue路由不刷新的問題


上一個vue項目,遇到過一個問題,是頁面離開路由不跳轉,頁面不刷新,這個很大程度上對項目造成了困擾,后來百度,針對於app.vue的跟路由,給其設置key值this.$route.fullPath即可解決問題,一直以為這是完美的解決方案,直到今天,做另外的vue項目也遇到了同樣的問題,起初也是給路由設置了key,但全頁面的強制刷新,導致了菜單的展開很難看,尤其是select選擇子菜單,一刷新就沒有了,今天發現,在layout布局的時候給子路由外層包裹了緩存組件

這樣子就導致了這個菜單頁面不會被銷毀,也就走到了之前給全局路由設置key的死胡同,解除子菜單的路由緩存即可。

  1. 全局路由注釋key
  2. 子路由將緩存注釋掉


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM