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

2022-10-06 01:12:08 字數 528 閱讀 7587

當我們在開發vue的專案過程中,避免不了在路由切換到其他component再返回後該元件資料會重新載入,處理這種情況我們就需要用到keep-alive來快取vue的元件資訊,使其不再重新載入。

在app.vue裡

gbptaazzve>

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

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

在app.vue裡

程式設計客棧ter-view v-if="!$route.meta.keepalive">

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

// 這個是需要kee的

}, // 這是不會被keepalive的

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

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

activated: function ()

總結本文標題: 關於vue實現元件資訊的快取問題

本文位址: /ruanjian/j**a/200866.html

Vue實現元件資訊的快取

router view keep alive 但是這種情況會對所有的元件進行快取,不能達到單個元件快取的效果。那麼我們給部分元件加上,實現方法如下 v if route.meta.keepalive router view keep alive v if route.meta.keepalive r...

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的快取頁面元件(keep alive的使用)

keep alive元件能夠對頁面進行快取操作,在一些開發場景上較為常用,include為需要快取的元件name,exclude為不快取的元件name,tips 快取元件需指定name值,並且要和include的對應,否則快取不成功 transition元件為動畫過渡元件,用於路由切換時動畫效果的過...