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

更新時間：2018年09月21日 10:47:22 作者：pobu168

今天小編就為大家分享一篇解決vue keep-alive 數(shù)據(jù)更新的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

在項目中使用<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ù)更新的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

在vue3項目中實現(xiàn)國際化的代碼示例
國際化就是指在一個項目中，項目中的語言可以進行切換（中英文切換），那么在實際項目中是如何實現(xiàn)的呢，本文就給大家詳細的介紹實現(xiàn)方法,需要的朋友可以參考下
2023-07-07
解決獲取數(shù)據(jù)后this.$refs.xxx.toggleRowSelection無效的問題
這篇文章主要介紹了解決獲取數(shù)據(jù)后this.$refs.xxx.toggleRowSelection無效的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-10-10
vite+vue3代碼風格校驗及格式化方式
這篇文章主要介紹了vite+vue3代碼風格校驗及格式化方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2024-03-03
vue3中storeToRefs讓store中的結構出來的數(shù)據(jù)也能變成響應式(推薦)
這篇文章主要介紹了vue3中storeToRefs讓store中的結構出來的數(shù)據(jù)也能變成響應式,本文通過實例代碼給大家介紹的分需要的朋友可以參考下
2024-09-09
vue3 setup點擊跳轉頁面的實現(xiàn)示例
本文主要介紹了vue3 setup點擊跳轉頁面的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
2023-10-10
el-table?表格分頁序號問題小結
這篇文章主要介紹了el-table?表格分頁序號問題小結,本文通過實例代碼圖文效果展示給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧
2024-04-04
vue-router 前端路由之路由傳值的方式詳解
這篇文章主要介紹了vue-router 前端路由之路由傳值的方式，本文通過兩種方式給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-04-04
vue使用Echart線柱混合圖排坑記錄
這篇文章主要為大家介紹了vue使用Echart線柱混合圖排坑記錄,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-10-10
基于 Vue.js 2.0 酷炫自適應背景視頻登錄頁面實現(xiàn)方式
本文講述如何實現(xiàn)擁有酷炫背景視頻的登錄頁面，瀏覽器窗口隨意拉伸，背景視頻及前景登錄組件均能完美適配，背景視頻可始終鋪滿窗口，前景組件始終居中，視頻的內容始終得到最大限度的保留，可以得到最好的視覺效果
2018-01-01
Vue3基于rem比例H5縮放方案示例詳解
這篇文章主要為大家介紹了Vue3基于rem比例H5縮放方案示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-11-11