Vue + Vue-router 同名路由切換數據不更新的方法
來源:懂視網
責編:小采
時間:2020-11-27 22:25:21
Vue + Vue-router 同名路由切換數據不更新的方法
Vue + Vue-router 同名路由切換數據不更新的方法:在默認情況下, 同名路由之間的切換, 由于組件可以服用, 放在ready里獲取數據, 是不會執行的, 有兩種方法可以解決 注意: 該問題僅存在于 vue1 方法1: 將數據獲取放到route.data下~ route: { data({to: {params: { page }}}) { re
導讀Vue + Vue-router 同名路由切換數據不更新的方法:在默認情況下, 同名路由之間的切換, 由于組件可以服用, 放在ready里獲取數據, 是不會執行的, 有兩種方法可以解決 注意: 該問題僅存在于 vue1 方法1: 將數據獲取放到route.data下~ route: { data({to: {params: { page }}}) { re

在默認情況下, 同名路由之間的切換, 由于組件可以服用, 放在ready里獲取數據, 是不會執行的, 有兩種方法可以解決
注意: 該問題僅存在于 vue1
方法1: 將數據獲取放到route.data下~
route: {
data({to: {params: { page }}}) {
return Promise.all([
this.getApi()
]).then(() => {
})
}
}
方法2: 設置route.canReuse = false, 強制組件不復用~
route: {
canReuse() {
return false
}
},
ready() {
var request = $.ajax({
type: "POST",
dataType: 'json',
url: "api.php"
});
request.then((json) => {
// balabala
});
}
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Vue + Vue-router 同名路由切換數據不更新的方法
Vue + Vue-router 同名路由切換數據不更新的方法:在默認情況下, 同名路由之間的切換, 由于組件可以服用, 放在ready里獲取數據, 是不會執行的, 有兩種方法可以解決 注意: 該問題僅存在于 vue1 方法1: 將數據獲取放到route.data下~ route: { data({to: {params: { page }}}) { re