解決vue keep-alive 數(shù)據(jù)更新的問題
更新時間：2018年09月21日 10:47:22 作者：pobu168
今天小編就為大家分享一篇解決vue keep-alive 數(shù)據(jù)更新的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在項(xiàng)目中使用<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。
***********************************
這就帶來一個問題，之前在項(xiàng)目中使用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實(shí)現(xiàn)響應(yīng)式數(shù)據(jù)更新的方法示例
- 詳解vue中的父子傳值雙向綁定及數(shù)據(jù)更新問題
- 解決IE11 vue +webpack 項(xiàng)目中數(shù)據(jù)更新后頁面沒有刷新的問題
- 談?wù)剬ue響應(yīng)式數(shù)據(jù)更新的誤解
- 詳解Vue 普通對象數(shù)據(jù)更新與 file 對象數(shù)據(jù)更新
- vue+echarts實(shí)現(xiàn)數(shù)據(jù)實(shí)時更新
相關(guān)文章
這篇文章主要介紹了Vue 計數(shù)器的實(shí)現(xiàn)，主要利用HTML實(shí)現(xiàn)步驟現(xiàn)在頁面上簡單實(shí)現(xiàn)一個計數(shù)器，內(nèi)容簡單且詳細(xì),需要的朋友可以參考一下2021-10-10
Vite3結(jié)合Svelte3使用@import導(dǎo)入scss樣式
這篇文章主要為大家介紹了Vite3結(jié)合Svelte3使用@import導(dǎo)入scss樣式實(shí)現(xiàn)實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
vue中靜態(tài)文件引用的注意事項(xiàng)及說明
這篇文章主要介紹了vue中靜態(tài)文件引用的注意事項(xiàng)及說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
這篇文章主要介紹了vue3實(shí)現(xiàn)動態(tài)添加路由方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
Vue常用API、高級API的相關(guān)總結(jié)
這篇文章主要介紹了Vue常用API、高級API的相關(guān)總結(jié)，幫助大家更好的理解和學(xué)習(xí)使用vue框架，感興趣的朋友可以了解下2021-02-02
我在做項(xiàng)目的時候，有一個需求，在離開（跳轉(zhuǎn)或者關(guān)閉）購物車頁面或者刷新購物車頁面的時候向服務(wù)器提交一次購物車商品數(shù)量的變化。這篇文章主要介紹了vue監(jiān)聽頁面刷新和關(guān)閉功能,需要的朋友可以參考下2019-06-06
淺談ElementUI中switch回調(diào)函數(shù)change的參數(shù)問題
今天小編就為大家分享一篇淺談ElementUI中switch回調(diào)函數(shù)change的參數(shù)問題，具有很好的價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要為大家詳細(xì)介紹了Vue計算屬性實(shí)現(xiàn)成績單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
在vue3版本中，引入了一個新的函數(shù)，叫做setup。本文將通過實(shí)例為大家詳細(xì)講講Vue3.2中setup語法糖的使用，感興趣的小伙伴可以了解一下2022-07-07
這篇文章主要給大家介紹了關(guān)于Vue中使用icon的幾種常用方法,icon圖標(biāo)的使用 Vue是現(xiàn)在前端最流行的框架之一,作為前端開發(fā)人員應(yīng)該要熟練的掌握它,需要的朋友可以參考下2023-07-07