解決vue keep-alive 數(shù)據(jù)更新的問題
更新時間：2018年09月21日 10:47:22 作者：pobu168
今天小編就為大家分享一篇解決vue keep-alive 數(shù)據(jù)更新的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在項目中使用<keep-alive>包含<router-view>實現(xiàn)頁面緩存，加速頁面加載，
同時，這種方式帶來一些弊端，請看如下大神解釋：
***********************************
當(dāng)引入keep-alive的時候，頁面第一次進入，鉤子的觸發(fā)順序created-> mounted-> activated，退出時觸發(fā)deactivated。
當(dāng)再次進入（前進或者后退）時，只觸發(fā)activated。
***********************************
這就帶來一個問題，之前在項目中使用mounted在頁面加載時獲取數(shù)據(jù)，使用<keep-alive>后方法不再生效，
根據(jù)上面的解釋，將mounted替換為activated即可。
以上這篇解決vue keep-alive 數(shù)據(jù)更新的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- vue數(shù)據(jù)更新UI不刷新顯示的解決辦法
- 解決echarts vue數(shù)據(jù)更新,視圖不更新問題(echarts嵌在vue彈框中)
- 詳解Vue 數(shù)據(jù)更新了但頁面沒有更新的 7 種情況匯總及延伸總結(jié)
- vue 解決異步數(shù)據(jù)更新問題
- Vue.js中provide/inject實現(xiàn)響應(yīng)式數(shù)據(jù)更新的方法示例
- 詳解vue中的父子傳值雙向綁定及數(shù)據(jù)更新問題
- 解決IE11 vue +webpack 項目中數(shù)據(jù)更新后頁面沒有刷新的問題
- 談?wù)剬ue響應(yīng)式數(shù)據(jù)更新的誤解
- 詳解Vue 普通對象數(shù)據(jù)更新與 file 對象數(shù)據(jù)更新
- vue+echarts實現(xiàn)數(shù)據(jù)實時更新
相關(guān)文章
國際化就是指在一個項目中，項目中的語言可以進行切換（中英文切換），那么在實際項目中是如何實現(xiàn)的呢，本文就給大家詳細(xì)的介紹實現(xiàn)方法,需要的朋友可以參考下2023-07-07
解決獲取數(shù)據(jù)后this.$refs.xxx.toggleRowSelection無效的問題
這篇文章主要介紹了解決獲取數(shù)據(jù)后this.$refs.xxx.toggleRowSelection無效的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了vite+vue3代碼風(fēng)格校驗及格式化方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
vue3中storeToRefs讓store中的結(jié)構(gòu)出來的數(shù)據(jù)也能變成響應(yīng)式(推薦)
這篇文章主要介紹了vue3中storeToRefs讓store中的結(jié)構(gòu)出來的數(shù)據(jù)也能變成響應(yīng)式,本文通過實例代碼給大家介紹的分需要的朋友可以參考下2024-09-09
vue3 setup點擊跳轉(zhuǎn)頁面的實現(xiàn)示例
本文主要介紹了vue3 setup點擊跳轉(zhuǎn)頁面的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-10-10
這篇文章主要介紹了el-table?表格分頁序號問題小結(jié),本文通過實例代碼圖文效果展示給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-04-04
這篇文章主要介紹了vue-router 前端路由之路由傳值的方式，本文通過兩種方式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
這篇文章主要為大家介紹了vue使用Echart線柱混合圖排坑記錄,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-10-10
基于 Vue.js 2.0 酷炫自適應(yīng)背景視頻登錄頁面實現(xiàn)方式
本文講述如何實現(xiàn)擁有酷炫背景視頻的登錄頁面，瀏覽器窗口隨意拉伸，背景視頻及前景登錄組件均能完美適配，背景視頻可始終鋪滿窗口，前景組件始終居中，視頻的內(nèi)容始終得到最大限度的保留，可以得到最好的視覺效果2018-01-01
這篇文章主要為大家介紹了Vue3基于rem比例H5縮放方案示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-11-11