Vue實現元件資訊的快取

2021-08-07 06:51:21 字數 530 閱讀 9233

router-view>

keep-alive>

但是這種情況會對所有的元件進行快取,不能達到單個元件快取的效果。

那麼我們給部分元件加上,實現方法如下:

v-if="$route.meta.keepalive">

router-view>

keep-alive>

v-if="!$route.meta.keepalive">

router-view>

然後在設定路由資訊的時候這樣

// 這個是需要keepalive的

}, // 這是不會被keepalive的

}

這就實現部分元件快取的功能 

如果快取的元件想要清空資料或者執行初始化方法,在載入元件的時候呼叫activated鉤子函式,如下:

activated: function

()

Vue實現元件資訊的快取

keep alive router view router view keep alive keep alive router view v if route.meta.keepalive router view keep alive router view v if route.meta.keep...

關於Vue實現元件資訊的快取問題

當我們在開發vue的專案過程中,避免不了在路由切換到其他component再返回後該元件資料會重新載入,處理這種情況我們就需要用到keep alive來快取vue的元件資訊,使其不再重新載入。在app.vue裡 gbptaazzve 但是這種情況會對所有的元件進行快取,不能達到單個元件快取的效果。那...

快取部分vue元件

addpatient keep alive 有些場景需要回到某個頁面不重新整理,保持裡面的內容,這時候就需要快取頁面,但是不能全部快取的情況下,就需要使用部分快取了 逗號分隔字串 a,b view component keep alive 正規表示式 使用 v bind a b view compo...