vue keep-alive 保留切換後的狀態,上一個狀態,之前狀態,tab切換

keep-alive

Props:

include - 字符串或正則表達式。只有名稱匹配的組件會被緩存。
exclude - 字符串或正則表達式。任何名稱匹配的組件都不會被緩存。
max - 數字。最多可以緩存多少組件實例。
用法:

包裹動態組件時,會緩存不活動的組件實例,而不是銷燬它們。和 相似, 是一個抽象組件:它自身不會渲染一個 DOM 元素,也不會出現在組件的父組件鏈中。

當組件在 內被切換,它的 activated 和 deactivated 這兩個生命週期鉤子函數將會被對應執行。

exclude : 不緩存組件 // a,b 是組件中 name 值
<keep-alive exclude="a,b">
  <component :is="view"></component>
</keep-alive>

例子:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章