«

antd-mobile组件库 swiper不自动滚动问题

emer 发布于 2023-1-12 17:10   756 次阅读     



01- 轮播图组件问题

问题原因: 需要请求后台数据,所以一开始数据设置为空;但设置了autoplay,导致冲突
现象: 一开始不自动播放,当你手动滑动一张后会自动播放

//获取轮播图数据
  async getSwiper() {
    const {data,status} = await getSwiper()
    if (status === 200) {
      this.setState(
        {
          swiper: data
        }, () => {
          // 因为setstate异步问题,需要在请求完数据后,在回调中进行设置来实现响应式
          this.setState({ isPlay: true})
        }
      )
    }
  }