收藏
回答

swiper通过设置current切换页面,circular衔接效果失效

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug swiper 客户端 iOS 6.6.6 2.0.1
<view>
    <swiper circular="{{true}}" current="{{currentTap}}">
        <swiper-item>
            <text>11111111</text>
        </swiper-item>
        <swiper-item>
            <text>2222</text>
        </swiper-item>
        <swiper-item>
            <text>3333</text>
        </swiper-item>
    </swiper>
    <view style="display:flex;height:100rpx">
        <button catchtap="preBtn">上一页</button>
        <button catchtap="nextBtn">下一页</button>
    </view>
</view>



data: {
    currentTap: 0
},
preBtn: function () {
    let newTap = 0;
    if (this.data.currentTap == 0) {
        newTap = 2;
    } else if (this.data.currentTap == 1) {
        newTap = 0;
    } else if (this.data.currentTap == 2) {
        newTap = 1;
    }
    console.log('点击上一页 newTap:' + newTap + '  currentTap:' + this.data.currentTap)
    this.setData({
        currentTap: newTap
    })
},
nextBtn: function () {
    let newTap = 0;
 
    if (this.data.currentTap == 0) {
        newTap = 1;
    } else if (this.data.currentTap == 1) {
        newTap = 2;
    } else if (this.data.currentTap == 2) {
        newTap = 0;
    }
    console.log('点击下一页 newTap:' + newTap + '  currentTap:' + this.data.currentTap)
    this.setData({
        currentTap: newTap
    })

},


swiper组件设置circular衔接滑动时,手势左右滑动可达到衔接效果;

但是当通过设置current属性时,一直点击下一页,没有衔接效果;


最后一次编辑于  2018-04-20
回答关注问题邀请回答
收藏

3 个回答

  • LastLeaf
    LastLeaf
    2018-04-20

    感谢反馈。这里其实是因为设置current属性时,信息不足以判断应当向左滚动还是向右滚动。我们会考虑看看怎么优化这个问题。

    2018-04-20
    有用
    回复 11
    • 2018-05-28

      你好,这个问题现在有解决方法了吗?

      2018-05-28
      回复
    • 3
      3
      2018-08-09

      优化的怎么样了

      2018-08-09
      回复
    • LastLeaf
      LastLeaf
      2018-08-09

      感谢关注。我们会尽快添加一个新的属性,使得 circular 模式下能够指定滚动方向。

      2018-08-09
      回复
    • 岁寒
      岁寒
      2018-08-27回复LastLeaf

      大哥,不需要那么复杂啊。。。找最短路径不就行了?!

      2018-08-27
      回复
    • LastLeaf
      LastLeaf
      2018-08-27回复岁寒

      那么,如果两边路径长度一样,应该往哪边呢?


      我们会在尽可能不改变现有逻辑的情况下,提供较高的可配置性。

      2018-08-27
      回复
    查看更多(6)
  • 靜🌻
    靜🌻
    2022-10-10

    swiper-item数量为2个还是不能衔接啊

    2022-10-10
    有用
    回复
  • 2018-04-20

    @LastLeaf 好的,辛苦了

    2018-04-20
    有用
    回复
登录 后发表内容