简言
最近在vue3使用swiper时，突然发现loop属性和slides-per-view属性同时存在启用时，loop生效，下一步只能生效一次的bug，上一步却是好的。非常滴奇怪。
解决过程
- 分析属性是否使用错误。
loop是循环模式，布尔型。
slides-per-view是同屏显示多少数量，数值型或’auto’。 - 更改的样式是否是诱因。
不是。 - 看官网，百度。
百度不到相似bug,看官网。发现loop属性描述有限制性描述。
- 最后寻找替代方案，或者降低需求。
没到这步。
问题原因
官网loop属性时描述有这样一句话。
Because of nature of how the loop mode works (it will rearrange
slides), total number of slides must be >= slidesPerView * 2文章来源：https://www.toymoban.com/news/detail-633673.html
意思就是 你的数据要大于等于 一屏显示数量的两倍
文章来源地址https://www.toymoban.com/news/detail-633673.html
解决方案
- 数据搞多点。
- slides-per-view属性值调小。
到了这里，关于【bug】记录一次使用Swiper插件时loop属性和slidersPerView属性冲突问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![小程序使用swiper时报错， [Component] ＜swiper＞: current 属性无效，请修改 current 值或者页面卡顿，疯狂轮播](https://imgs.yssmx.com/Uploads/2024/02/781100-1.png)
