如何实现vue中无限轮播插件的代码示例？

本文共计1212个文字，预计阅读时间需要5分钟。

思路：实现无限轮播，需要在轮播图前后各添加一张图片，前端面是轮播图的最后一张图片（重复），后端面是轮播图的第一张图片（重复）。

示例代码：

思路：

要实现无限轮播，需要在轮播图前后各加一张图片，加在前面的是轮播图的最后一张图片（重复的），加在后面的是轮播图的第一张图片（重复的）。例：

<div class="wrapper-content"> <img class="wrapper-content_img" alt="4" src="img/4.jpg"/> <img class="wrapper-content_img" alt="1" src="img/1.jpg"/> <img class="wrapper-content_img" alt="2" src="img/2.jpg"/> <img class="wrapper-content_img" alt="3" src="img/3.jpg" /> <img class="wrapper-content_img" alt="4" src="img/4.jpg" /> <img class="wrapper-content_img" alt="1" src="img/1.jpg" /> </div>

然后再用left来控制滑动，当顺向到达alt为4的图片时，下一张滑到第六张图片，alt为1，同时改变index为1.然后立即将left移到第二张图片，alt为1那张。