swiper怎么设置第一个无法左滑，最后一个无法继续右滑

1***@qq.com

同问，
有解了吗？

同问，解决了吗

请问解决了吗

同问

解决了吗

2***@qq.com

把vue页面换成nvue页面就行了，在nvue页面中swiper组件第一个和最后一个不会触底回弹

2020-12-01 14:21
想得美

回复 2***@qq.com: ios上会回弹啊

2020-12-01 15:02
2***@qq.com

回复想得美: 嗯，Android上没有问题，这uni-app bug真tm太多了，切换成nvue页面后又多出许多bug，页面很多样式都变了，淦

2020-12-01 15:08

2***@qq.com - 只有背影

把vue页面换成nvue页面就行了，在nvue页面中swiper组件第一个和最后一个不会触底回弹

小少年报

顶一下我也遇到了官方能解决不

口区

circular属性：是否采用衔接滑动，即播放到末尾后重新回到开头

2020-12-16 10:56
小少年报

回复口区: 不是就是轮播图第一个右滑时导致左边有空白他自己会反弹回去

2020-12-16 11:58

小少年报

就是滑动之后他会回弹回去，要的效果是没有左边的空白，

tuonioooo

2020年的问题现在解决了没？

2022-03-02 11:39

choin

自己写一个这个组件

g***@126.com

解决了

<swiper class="swiper" @change="swiperChange" :current="currentSwiper" :indicator-dots="false" :autoplay="false" :duration="300">  
        <swiper-item @touchstart="touchStart" @touchmove.stop="touchMove" @touchend="touchEnd" v-for="(item, key) in itemList" :key="key">  
          <view class="swiper-item uni-bg-red" :class="item.class">{{item.text}}</view>  
        </swiper-item>  
      </swiper>

data () {  
    return {  
      currentSwiper: 0,  
      transShow: true,  
      modeClass: [],  
      swiperHeight: 0,  
      clientX1: 0,  
      itemList: [  
        {text: 'A', class: 'uni-bg-red'},  
        {text: 'B', class: 'uni-bg-green'},  
        {text: 'C', class: 'uni-bg-blue'},  
      ]  
    }  
  },

touchStart (e) {  
      // console.log(e)  
      let client = e.changedTouches[0]  
      this.clientX1 = client.clientX  
    },  
    touchMove (e) {  
      let client = e.changedTouches[0]  
      // console.log(e)  
      if (this.clientX1 === 0) return false  
      // console.log(this.clientX1, client.clientX)  
      const clientX2 = client.clientX  
      let disX = this.clientX1 - clientX2  
      // console.log(disX)  
      // 判断左右滑动的阀值为15  
      if (disX > 0) {  
        // 左滑  
        if (this.currentSwiper + 1 > this.itemList.length - 1) {  
          this.currentSwiper = this.itemList.length - 1  
        } else {  
          this.currentSwiper = this.currentSwiper + 1  
        }  
        this.clientX1 = 0  
      }  
      if (disX < 0) {  
        // 右滑  
        if (this.currentSwiper - 1 <= 0) {  
          this.currentSwiper = 0  
        } else {  
          this.currentSwiper = this.currentSwiper - 1  
        }  
        this.clientX1 = 0  
      }  
      console.log(this.currentSwiper)  
    },  
    swiperChange (e) {  
      this.currentSwiper = e.detail.current  
    },