在項目中使用<keep-alive>包含<router-view>實(shí)現(xiàn)頁面緩存,加速頁面加載,
同時,這種方式帶來一些弊端,請看如下大神解釋:
***********************************
當(dāng)引入keep-alive的時候,頁面第一次進(jìn)入,鉤子的觸發(fā)順序created-> mounted-> activated,退出時觸發(fā)deactivated。
當(dāng)再次進(jìn)入(前進(jìn)或者后退)時,只觸發(fā)activated。
***********************************
這就帶來一個問題,之前在項目中使用mounted在頁面加載時獲取數(shù)據(jù),使用<keep-alive>后方法不再生效,
根據(jù)上面的解釋,將mounted替換為activated即可。
以上這篇解決vue keep-alive 數(shù)據(jù)更新的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持錯新站長站。
新聞熱點(diǎn)
疑難解答
圖片精選