解決vue keep-alive 數(shù)據(jù)更新的問(wèn)題
在項(xiàng)目中使用<keep-alive>包含<router-view>實(shí)現(xiàn)頁(yè)面緩存，加速頁(yè)面加載，
同時(shí)，這種方式帶來(lái)一些弊端，請(qǐng)看如下大神解釋：
***********************************
當(dāng)引入keep-alive的時(shí)候，頁(yè)面第一次進(jìn)入，鉤子的觸發(fā)順序created-> mounted-> activated，退出時(shí)觸發(fā)deactivated。
當(dāng)再次進(jìn)入（前進(jìn)或者后退）時(shí)，只觸發(fā)activated。
***********************************
這就帶來(lái)一個(gè)問(wèn)題，之前在項(xiàng)目中使用mounted在頁(yè)面加載時(shí)獲取數(shù)據(jù)，使用<keep-alive>后方法不再生效，
根據(jù)上面的解釋，將mounted替換為activated即可。
以上這篇解決vue keep-alive 數(shù)據(jù)更新的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
- vue數(shù)據(jù)更新UI不刷新顯示的解決辦法
- 解決echarts vue數(shù)據(jù)更新,視圖不更新問(wèn)題(echarts嵌在vue彈框中)
- 詳解Vue 數(shù)據(jù)更新了但頁(yè)面沒(méi)有更新的 7 種情況匯總及延伸總結(jié)
- vue 解決異步數(shù)據(jù)更新問(wèn)題
- Vue.js中provide/inject實(shí)現(xiàn)響應(yīng)式數(shù)據(jù)更新的方法示例
- 詳解vue中的父子傳值雙向綁定及數(shù)據(jù)更新問(wèn)題
- 解決IE11 vue +webpack 項(xiàng)目中數(shù)據(jù)更新后頁(yè)面沒(méi)有刷新的問(wèn)題
- 談?wù)剬?duì)vue響應(yīng)式數(shù)據(jù)更新的誤解
- 詳解Vue 普通對(duì)象數(shù)據(jù)更新與 file 對(duì)象數(shù)據(jù)更新
- vue+echarts實(shí)現(xiàn)數(shù)據(jù)實(shí)時(shí)更新
相關(guān)文章
Vue 計(jì)數(shù)器的實(shí)現(xiàn)
這篇文章主要介紹了Vue 計(jì)數(shù)器的實(shí)現(xiàn)，主要利用HTML實(shí)現(xiàn)步驟現(xiàn)在頁(yè)面上簡(jiǎn)單實(shí)現(xiàn)一個(gè)計(jì)數(shù)器，內(nèi)容簡(jiǎn)單且詳細(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)及說(shuō)明
這篇文章主要介紹了vue中靜態(tài)文件引用的注意事項(xiàng)及說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-04-04
vue3實(shí)現(xiàn)動(dòng)態(tài)添加路由
這篇文章主要介紹了vue3實(shí)現(xiàn)動(dòng)態(tài)添加路由方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-04-04
Vue常用API、高級(jí)API的相關(guān)總結(jié)
這篇文章主要介紹了Vue常用API、高級(jí)API的相關(guān)總結(jié)，幫助大家更好的理解和學(xué)習(xí)使用vue框架，感興趣的朋友可以了解下2021-02-02
Vue監(jiān)聽(tīng)頁(yè)面刷新和關(guān)閉功能
我在做項(xiàng)目的時(shí)候，有一個(gè)需求，在離開(kāi)（跳轉(zhuǎn)或者關(guān)閉）購(gòu)物車頁(yè)面或者刷新購(gòu)物車頁(yè)面的時(shí)候向服務(wù)器提交一次購(gòu)物車商品數(shù)量的變化。這篇文章主要介紹了vue監(jiān)聽(tīng)頁(yè)面刷新和關(guān)閉功能,需要的朋友可以參考下2019-06-06
淺談ElementUI中switch回調(diào)函數(shù)change的參數(shù)問(wèn)題
今天小編就為大家分享一篇淺談ElementUI中switch回調(diào)函數(shù)change的參數(shù)問(wèn)題，具有很好的價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
Vue計(jì)算屬性實(shí)現(xiàn)成績(jī)單
這篇文章主要為大家詳細(xì)介紹了Vue計(jì)算屬性實(shí)現(xiàn)成績(jī)單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
在vue3版本中，引入了一個(gè)新的函數(shù)，叫做setup。本文將通過(guò)實(shí)例為大家詳細(xì)講講Vue3.2中setup語(yǔ)法糖的使用，感興趣的小伙伴可以了解一下2022-07-07
這篇文章主要給大家介紹了關(guān)于Vue中使用icon的幾種常用方法,icon圖標(biāo)的使用 Vue是現(xiàn)在前端最流行的框架之一,作為前端開(kāi)發(fā)人員應(yīng)該要熟練的掌握它,需要的朋友可以參考下2023-07-07