vue中router跳轉本頁刷新


問題:  導航欄的地址發生改變但是頁面卻不刷新  (用vue-router路由到當前頁面,頁面是不進行刷新的)
解決:

  1.this.$router.go(0);

         

  2.location.reload()

       

   上兩種方法  都會出現閃屏的問題   用戶體驗不好

  3. 用一個空頁面做中轉,解決了閃屏的問題,可以看到導航欄路徑的快速切換 

   (這個方法在切換的時候生效,但是在返回上一步的時候因為路由切換的原因所以返回到/loading頁面又再次返回來   如果說路由切換不是通過返回上一步實現  這個方法還是可取的)

            中間層頁面:  

              

    組件使用頁:

         

      以上方法都滿足不了  我的需求

     同志們!!!!  別本頁了  開新頁吧     只需window.open一下   一句代碼解決所有煩惱     (如果產品樂意的話)

 

    

     終級解決。。。。。nice

     4. App.vue,聲明reload方法,控制router-view的顯示或隱藏,從而控制頁面的再次加載。(provide /inject )

      【祖先組件(provide )向其所有子孫后代(inject )注入一個依賴】  

    App.vue中:

    1.data中聲明變量  2.綁定v-if    3.方法里寫邏輯   4.向后代注入依賴

       

    在需要的頁面 調用方法  

    我需要在當前頁點擊鏈接刷新本頁   刷新后點擊頁面返回上一步再次刷新本頁  所以需要兩處調用reload方法;

    

 

     

   

   

    結束。。。。。。。。。。

    

 

     

 


免責聲明!

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



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