vue swiper循环loop不生效，出现空白页

原因1：可能是没有在外层加上vi-if判断图片所在的数组是否存在；原因2：可能使用了v-lazy，不能使用v-lazy；参考配置：swiperBannerOption:{slidesPerView:1,loopAdditionalSlides:2,spaceBetween:0,notNextTi...

wxy964666897

3264人浏览 · 2019-12-09 09:07:49

wxy964666897 · 2019-12-09 09:07:49 发布

原因1：可能是没有在外层加上vi-if判断图片所在的数组是否存在；

原因2：可能使用了v-lazy，不能使用v-lazy；

参考配置：

swiperBannerOption: {

        slidesPerView: 1,

        loopAdditionalSlides: 2,

        spaceBetween: 0,

        notNextTick: true,

        autoplay: true,

        initialSlide: 0,

        speed: 1000,

        loop: true,

        pagination: {

          el: ".swiper-pagination",

          clickable: true

        }

      },

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^