需求是,swiper item有多个的时候正常滑动,但是只有一个的时候要求固定不动。
让我们来实现它。😘😘😘
第一步、进入swiper官网Swiper中文网-轮播图幻灯片js插件,H5页面前端开发
第二步、找到这个属性--noSwiping
第三步、在swiperOption中添加这一属性,noSwiping: this.swiperItemList.length>1 ? false : true,
第四步、上一行swiperItemList是我的项目接口返回的要展示的图片数组,各位小伙伴可以换成自己项目中相应的名字。
第五步、在swiper标签中 增加swiper-no-swiping class属性<swiper class="swiper-no-swiping" :options="swiperOption">
第六步、试下吧,完美✌️✌️✌️