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

2021-10-21 17:28:17 字數 465 閱讀 2197

vue-router的切換不同於傳統的頁面的切換。

路由之間的切換,其實就是元件之間的切換,不是真正的頁面切換。

這也會導致乙個問題,就是引用相同元件的時候,由於引數不一樣不會覆蓋原開啟的頁面而會開啟乙個重複的頁面,只是頁面的資料不一樣,再點開舊的頁面時(a)發現資料還是新頁面(b)的資料,點開舊頁面(a)時不會呼叫created(),mounted()函式,會導致獲取資料的函式無法呼叫從而該元件無法更新。

a 頁面中跳轉的方法

this.$router.push(

});

解決辦法:

在watch中監聽路由變化,其中$route.query.id,id代表頁面間傳遞的引數,fetchdata代表呼叫的方法

b頁面中資料重新整理的方法

watch: ,

methods:

}}

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

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

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...

vue 資料改變頁面不重新整理

當vue中data裡宣告或者已經賦值過的物件 陣列時,向物件中新增新的屬性,如果更新此屬性的值,頁面不會更新檢視。舉個栗子 當我點選按鈕想要改變message中的值時 addmessage 此時當我點選按鈕,頁面並不會發生改變。官方定義 如果在例項建立之後新增新的屬性到例項上,它不會觸發檢視更新。v...