01- 轮播图组件问题
问题原因: 需要请求后台数据,所以一开始数据设置为空;但设置了autoplay,导致冲突
现象: 一开始不自动播放,当你手动滑动一张后会自动播放
//获取轮播图数据
async getSwiper() {
const {data,status} = await getSwiper()
if (status === 200) {
this.setState(
{
swiper: data
}, () => {
// 因为setstate异步问题,需要在请求完数据后,在回调中进行设置来实现响应式
this.setState({ isPlay: true})
}
)
}
}