CODEWITHSUNDEEP
vue.jsvuejs2vue-component
SanBen
SanBen

Reputation: 2798

Keep-alive not working with v-if and slot

I want to keep certain part of my component alive when v-if="false"
The part I want to keep alive contains a slot, and it doesn't work.
The component within the slot is still mounted every time the v-if changes.
Is it possible to keep it alive in some way?

<div v-if="index === 1">
   <keep-alive >
      <div :key="tab.id">
         <slot></slot>
      </div>
   </keep-alive>
</div>

Upvotes: 0

Views: 1631

Answers (1)

Steven Spungin
Steven Spungin

Reputation: 29109

Use v-show instead of v-if. It will be rendered once, and then hidden when the expression is false.

I have only used keep-alive with dynamic components.

Upvotes: 2

Related Questions