溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關Vue + Vue-router如何實現同名路由切換數據不更新功能，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
在默認情況下, 同名路由之間的切換, 由于組件可以服用, 放在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
});
}關于“Vue + Vue-router如何實現同名路由切換數據不更新功能”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
