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