ismail9k / vue3-carousel

Vue 3 carousel component
https://ismail9k.github.io/vue3-carousel/
MIT License
660 stars 164 forks source link

slides without v-for not working #72

Closed SantiagoAndre closed 2 years ago

SantiagoAndre commented 2 years ago

Describe the bug

When i make manual slides, arrows not working

To Reproduce

It works

    <carousel :items-to-show="1">
          <slide  v-for="slide in 10" :key="slide">
                    {{slide}}
           </slide>

      <template #addons>
      <navigation />
        <pagination /> 
      </template>
    </carousel>

It not works

    <carousel :items-to-show="1">
          <slide >
                    <p>1</p>
           </slide>
         <slide >
                    <p>2</p>
           </slide>

      <template #addons>
      <navigation />
        <pagination /> 
      </template>
    </carousel>

thanks.

julienmiclo commented 2 years ago

Same here, i tried with a manual key, no success.

<slide key="1">
    <div>1</div>
</slide>
<slide key="2">
    <div>2</div>
</slide>
needfortri commented 2 years ago

Same, using items-to-scroll carousel property does not work either

julienmiclo commented 2 years ago

some updates ?

royduin commented 2 years ago

Same issue when using a slot where the slides are in:

<carousel>
    <slot />
</carousel>