我想将基于自定义vue的组件插入到swiperJS的虚拟滑块中。我可以启用吗?
发布于 2018-08-01 16:15:42
我希望使用带有大量幻灯片的滑块。
virtual: {
slides: <your slide data list>,
renderExternal: this.virtualRenderExternal,
},
this.virtualRenderExternal
是像这样在你的方法块中定义的:
virtualRenderExternal(data) {
this.virtualData = data;
},
在data()
定义this.virtualData的内容:
<swiper ref="vue-awesome-swiper" :options="swiperOption">
<swiper-slide
v-for="(slide, index) in virtualData.slides"
:key="index"
:style="{left: `${virtualData.offset}px`}"
>
[ Do whatever you want with slide (which is the data from your own array) to create components and so on ]
</swiper-slide>
</swiper>
renderExternal: ((data) => {
this.virtualData = data;
}),
https://stackoverflow.com/questions/-100001837
复制相似问题