vue中router跳轉本頁刷新

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

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

         

  2.location.reload()app

       

   上兩種方法  都會出現閃屏的問題   用戶體驗很差ide

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

   (這個方法在切換的時候生效,可是在返回上一步的時候由於路由切換的緣由因此返回到/loading頁面又再次返回來   若是說路由切換不是經過返回上一步實現  這個方法仍是可取的)spa

            中間層頁面:  3d

              

    組件使用頁:code

         

      以上方法都知足不了  個人需求router

     同志們!!!!  別本頁了  開新頁吧     只需window.open一下   一句代碼解決全部煩惱     (若是產品樂意的話)blog

 

    

     終級解決。。。。。nice

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

      【祖先組件(provide )向其全部子孫後代(inject )注入一個依賴】  

    App.vue中:

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

       

    在須要的頁面 調用方法  

    我須要在當前頁點擊連接刷新本頁   刷新後點擊頁面返回上一步再次刷新本頁  因此須要兩處調用reload方法;

    

 

     

   

   

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

    

相關文章
相關標籤/搜索