對vue 內建元件keep alive的疑問,include和exclude不生效

時間 2021-06-07 19:49:10

1樓:aim-leo

找了一下午,終於找到原因,include要生效,必須要滿足以下兩點:

如果你要快取Live,不快取ConsultDetail,include需設定:

1、需要快取的元件的name(注意不是路由的name),要在include中。

2、不需要快取的name,必須設定!且不能在include中。

我之前就只設定了Live的name,忘了設定ConsultDetail, 坑爹啊!

2樓:skyj20

include

="KeepAlive"

>

>router-view

>keep-alive

>include 使該標籤作用於所有name屬性的值跟此標籤 include的屬性值一致的vue頁面

exclude 使該標籤不作用於所有name屬性的值跟此標籤 exclude的屬性值一致的vue頁面

使用include/exclude 屬性需要給所有vue類的name賦值(注意不是給route的name賦值),否則 include/exclude不生效

給name賦值的方法:

在vue類中賦值,與data、components等平級export

default

,data

()},}

3樓:yuicer

這個name不能寫在路由中,應該寫在元件的name屬性中export default {

name: 'list',

data() {

return

Vue怎麼實現載入網路元件(遠端元件)?

123木頭人 網路元件 Vue 3.2 引入了一種使用 Vue 元件 API 輕鬆建立原生自定義元素的新方法 defineCustomElement import from vue const MyVueElement defineCustomElement emits template 只用於 d...

vue中,父元件可以向子元件傳遞乙個元件(不僅是資料)嗎?

星鑽 這個很簡單,前些日子剛實現了乙個這樣的需求,具體實現方法可以參考v if這些自定義指令。寫乙個自定義指令去生成渲染元件即可。下面有些邏輯是因為是直接通過配置檔案去生成頁面的所以需要你自己去除相關邏輯 你看主邏輯就好了,有時間我給你稍微講解下 letFragmentFactory Vue Fra...

vue框架中元件可以通過「this root 」的方式訪問根元件的data物件,為何vuex會熱?

胖虎 其實怎麼說呢.其實一開始我也有過這樣的想法.如果Vue一開始設計的初衷是這樣的,一切的傳值,一切的元件通訊.都要依靠Vuex來實現,那麼你會覺得Vue傳值為什麼這麼複雜,或許會這樣問,為什麼Vue傳值這麼複雜,有沒有什麼簡單的方法可以去實現呢.狀態管理庫非常的多,Vue那麼官方的推薦就是Vue...