vue如何使用swiper的thumbs组件
发布网友
发布时间：2022-04-22 03:59
共1个回答
热心网友
时间：2022-04-05 14:58
首先加载插件，需要用到的文件有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值。
