問題: 導航欄的地址發生改變但是頁面卻不刷新 (用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方法;
結束。。。。。。。。。。