收藏
回答

swiper的autoplay设置false,修改了interval属性,还是会自动切换?

swiper组件,设置了autoplay=false,但是修改了interval属性,出现了自动切换开始轮播了,为什么autoplay的优先级不是最高呢?

回答关注问题邀请回答
收藏

5 个回答

  • 益达z
    益达z
    2023-04-18

    先吐槽一下对这么明显的BUG的如此不重视,几年了还没修复?

    问题表现:设置 interval 会导致 autoplay 的 false 值失效

    可复现问题的代码片段:https://developers.weixin.qq.com/s/gOcjIzm77KHg

    临时解决方案:👇

        // 设置 interval 会导致 autoplay 的 false 值失效,
        // 例如原本 autoplay 为 false,
        // 想设置 interval 的同时保持 autoplay 为 false(不自动播放),
        // 则先设置 autoplay 为 true,
        // 待设置生效后,再设置 autoplay 为 false
        this.setData({
          interval: 1500,
          // 先设置 autoplay 为 true
          autoplay: true
        }, () => {
          // 待设置生效后,再设置 autoplay 为 false
          this.setData({
            autoplay: false
          })
        })
    


    2023-04-18
    有用 2
    回复
  • 涵祎是Abby💃🏻
    涵祎是Abby💃🏻
    2021-07-21

    我是设置autoplay未false,interval设置为2000,在h5中不会自动切换,小程序会自动切换,我把interval属性去掉了,小程序的autoplay就能生效了

    2021-07-21
    有用
    回复
  • 王爱明
    王爱明
    2021-02-02

    我也遇到同样的问题,无法关闭自动播放,不知兄弟你最后解决没有呢?

    2021-02-02
    有用
    回复
  • Qiang
    Qiang
    2021-01-13
    <view class="home-page">
      <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}">
        <block wx:for="{{background}}" wx:key="*this">
          <swiper-item>
            <view class="swiper-item {{item}}">
              {{item}}
            </view>
          </swiper-item>
        </block>
      </swiper>
    </view>
    
    Page({
        data: {
          background: ['demo-text-1', 'demo-text-2', 'demo-text-3'],
          autoplay: false,
          interval: 2000,
          duration: 500
        },
        onLoad () {
          setTimeout(() => {
            console.log('settimeout')
            this.setData({
              interval: 5000
            })
          }, 5000);
        }
      })
    
    2021-01-13
    有用
    回复
  • c
    c
    2021-01-13

    贴出代码。 初步判断 你是这样写的autoplay=“false“ 这是false只是字符串 一直是true 。

    2021-01-13
    有用
    回复 1
    • Qiang
      Qiang
      2021-01-13
      2021-01-13
      回复
登录 后发表内容
问题标签