I’m using vue3 + splide (https://splidejs.com/). Each slide has onMounted and performs some actions. However when a slide is repeated (cloned), onMount isn’t called. Is this a bug or is there an option I need to enable?
eg)
// app.vue
<Splide :options="options">
<SplideSlide v-for="item in items"><Slide :item="item"/></SplideSlide>
</Splide>
const options = {type:"loop",perPage:3}
const items = ["test0","test1"]
// components/Slide.vue
<template>
<div :style="{backgroundColor:bgColor">{{props.item}}</div>
</template>
const bgColor = ref<string>("white")
onMounted(() => bgColor.value = "blue")
You’ll see
[blue – test0][blue – test1][white -test0]
the 3rd slide onMounted isn’t called.
Thanks