首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何将Vue组件插入虚拟幻灯片?

如何将Vue组件插入虚拟幻灯片?
EN

Stack Overflow用户
提问于 2018-08-01 06:35:01
回答 1查看 0关注 0票数 0

我想将基于自定义vue的组件插入到swiperJS的虚拟滑块中。我可以启用吗?

EN

回答 1

Stack Overflow用户

发布于 2018-08-01 16:15:42

我希望使用带有大量幻灯片的滑块。

代码语言:javascript
复制
virtual: {
  slides: <your slide data list>,
  renderExternal: this.virtualRenderExternal,
},

this.virtualRenderExternal是像这样在你的方法块中定义的:

代码语言:javascript
复制
  virtualRenderExternal(data) {
    this.virtualData = data;
  },

data()定义this.virtualData的内容:

代码语言:javascript
复制
<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>
代码语言:javascript
复制
renderExternal: ((data) => {
    this.virtualData = data;
}),
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100001837

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档