vue路由跳轉已開啟頁面不重新整理資料

2021-10-11 18:16:07 字數 458 閱讀 1319

vue-router的切換不同於傳統的頁面的切換。路由之間的切換,其實就是元件之間的切換,不是真正的頁面切換。這也會導致乙個問題,就是引用相同元件的時候,由於引數不一樣不會覆蓋原開啟的頁面而會開啟乙個重複的頁面,只是頁面的資料不一樣,再點開舊的頁面時(b.1)發現資料還是新頁面(b.2)的資料,點開舊頁面(b.1)時不會呼叫created(),mounted()函式,會導致獲取資料的函式無法呼叫從而該元件無法更新。

父元件a頁面跳轉方式:

this

.$router.

push(}

)

在父元件b頁面:

在watch中設定路由監聽:通過監聽$route.query.id這個引數

(關鍵設定)

watch:}}

},

vue路由跳轉頁面不重新整理資料

vue router的切換不同於傳統的頁面的切換。路由之間的切換,其實就是元件之間的切換,不是真正的頁面切換。這也會導致乙個問題,就是引用相同元件的時候,由於引數不一樣不會覆蓋原開啟的頁面而會開啟乙個重複的頁面,只是頁面的資料不一樣,再點開舊的頁面時 a 發現資料還是新頁面 b 的資料,點開舊頁面 ...

Vue路由的頁面跳轉開啟新頁面

效果與a標籤的target blank是一樣的,只不過不用點選,直接開啟 1 在router.js裡新加乙個頁面路由 2 在需要跳轉的邏輯方法裡加,這裡必須用query,否則引數獲取不到,methods this.router.resolve window.open href,blank conso...

vue路由跳轉頁面

1.不帶引數 1 2 name,path都行,建議用name 3 42.帶引數5 6 params傳引數 類似post 7 路由配置 path home id 或者 path home id 8 不配置path 第一次可請求,重新整理頁面id會消失9 配置path,重新整理頁面id會保留 10 ht...