I have a list of components that I render using v-for
. Not all the components are shown simultaneously. I page the the array of rendered components by using slice
.
These components shouldn't be rerendered, as some of them have user inputted data and some of them do network related tasks.
I tried to use <keep-alive>
. However, this renders only the first component.
<keep-alive>
<component :is="component.type" :key="component.id" v-for="component in components">
</keep-alive>
How do I keep a dynamic list of components alive?
this renders only the first component
?components
array, only the first one is shown. It correctly retains its data, though, so it's not re-rendered.