溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

解決vue keep-alive 數(shù)據(jù)更新的問題

發(fā)布時間:2020-10-24 11:43:45 來源:腳本之家 閱讀:228 作者:pobu168 欄目:web開發(fā)

在項目中使用<keep-alive>包含<router-view>實現(xiàn)頁面緩存,加速頁面加載,

同時,這種方式帶來一些弊端,請看如下大神解釋:

***********************************

當引入keep-alive的時候,頁面第一次進入,鉤子的觸發(fā)順序created-> mounted-> activated,退出時觸發(fā)deactivated。

當再次進入(前進或者后退)時,只觸發(fā)activated。

***********************************

這就帶來一個問題,之前在項目中使用mounted在頁面加載時獲取數(shù)據(jù),使用<keep-alive>后方法不再生效,

根據(jù)上面的解釋,將mounted替換為activated即可。

以上這篇解決vue keep-alive 數(shù)據(jù)更新的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持億速云。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI