Vue-awesome-swiper: Dynamic sliders on page

[richlloydmiles]

Problem

I have a situation where I need multiple sliders on a page:

<div v-swiper:mySwiper="swiperOption">
<div v-for="(item, index) in slider" :key="item.slug">

Unfortunately only one of the swiper actually load as mySwiper.

Is there any way to get all the swipers to load by making mySwiper dynamic?

[richlloydmiles]

I solved this by putting each instance into it's own component.

[surmon-china]

https://github.com/surmon-china/vue-awesome-swiper/blob/master/ssr.js#L10

<div v-swiper="swiperOption" :instanceName="'customSwiperInstanceName'">