Question

vue如何使用swiper的thumbs组件

Answer 1

首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。可下载Swiper文件或使用CDN。

<div class="swiper-container">
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
<!-- 如果需要导航按钮 -->
<div class="swiper-button-prev"></div>
<!-- 如果需要滚动条 -->
</div>
导航等组件可以放在container之外
思路很简单：在swiper组件内部添加两个image组件，绑定点击事件，动态改变swiper中的current值。