vue-swiper滑动到最后或循环到最后一个不动了

开始一直没事,今天突然发现这个问题,结果网上说的都没用,完全解决不了问题然后就打开swiper 文档加了 centeredSlides : true, 居然可以循环播放了,滑动也没问题但是里面的样式发生了错乱,出现左右两边半个,然后我就使用slidesOffsetBefore:就是偏移量tmd的竟然发现ie和谷歌里面的不一样,实在没办法只能做一下兼容了created() {if (!this.ge

吃饭不吃肉

3837人浏览 · 2020-05-28 12:33:55

吃饭不吃肉 · 2020-05-28 12:33:55 发布

开始一直没事,今天突然发现这个问题,结果网上说的都没用,完全解决不了问题

然后就打开swiper 文档
加了 centeredSlides : true, 居然可以循环播放了,滑动也没问题
但是里面的样式发生了错乱,出现左右两边半个,
然后我就使用slidesOffsetBefore: 就是偏移量

tmd的竟然发现ie和谷歌里面的不一样,实在没办法只能做一下兼容了

created() {
      if (!this.getIsIE()) {  //这个是我写的一个公共的判断是否是ie浏览器的方法
        this.swiperOption.slidesOffsetBefore = 160;    我给slidesOffsetBefore设置的固定值是ie的,这里不是ie就改成谷歌我调的值    
      }
    },

感觉不够完美,只能是临时想得办法了,以后再研究一下

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}$/, //不连续的两位字母// /^