vue 跳轉 同一路由不刷新問題解決


 主要問題

  vue 同一路由跳轉不走生命周期,導致數據不更新

  不管是動態路由還是?傳參  。都不走

辦法一:

  使用watch 監聽路由變化。手動更新數據。

辦法二 :

  使用     <router-view :key="$route.fullPath"/>

  

  使用這個可以完美解決不刷新問題。

  使用router-view時,如果在相同路由之間跳轉,默認在跳轉路由時會采用緩存策略,並不會刷新當前路由組件。即mounted,beforeDestory等鈎子函數並不會觸發。

  如果想強制刷新,可以在根路由上為其分配一個唯一key。采用$route.fullpath作為其唯一key。這樣vue就回認為內部路由每個都是不同的路由,在跳轉時便會強制刷新組件

聯系我 qq: 981900309

 


免責聲明!

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



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