vue中router跳轉本頁重新整理

2022-05-01 15:36:13 字數 1091 閱讀 7460

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

解決:

1.this

.$router.go

(0);

2.location.reload()

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

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

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

中間層頁面:

元件使用頁:

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

同志們!!!! 

別本頁了

開新頁吧     只需window.open一下   一句**解決所有煩惱     (如果產品樂意的話)

終級解決。。。。。nice

4.

【祖先元件(provide)向其所有子孫後代(inject)注入乙個依賴】

1.data中宣告變數  2.繫結v-if    3.方法裡寫邏輯   4.向後代注入依賴

在需要的頁面 呼叫方法  

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

vue 48 router 路由跳轉

標籤跳 使用建立 a 標籤 的形式 程式設計式導航 使用 window.location.href 的形式 原文 程式設計式導航 一種是 this router.go num 其中 num 是網頁向前或向後跳轉的級數 數字 除了使用建立 a 標籤來定義導航鏈結,我們還可以借助 router 的例項方...

VUE中的路由router

vue router是vue.js官方的路由外掛程式,它和vue.js是深度整合的,適合用於構建單頁面應用。vue的單頁面應用是基於路由和元件的,路由用於設定訪問路徑,並將路徑和元件對映起來。傳統的頁面應用,是用一些超連結來實現頁面切換和跳轉的。在vue router單頁面應用中,則是路徑之間的切換...

vue中router的懶載入

import vue from vue import vuerouter from vue router import home from views home.vue import button from views button vue.use vuerouter const routes 大家...