當我們在開發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元件為動畫過渡元件,用於路由切換時動畫效果的過...