vue中swiper轮播图初始化之后指示器点不显示或跑偏

vue中swiper轮播图数据未获取完成,但是页面已经渲染完成了,指示器点不显示或跑偏;

主要原因:初始化轮播图方法放在了mounted,数据还没拿完就渲染dom了

mounted() {
    // 初始化swiper
    this.initSwiper();
},

解决方法:初始化轮播图方法放在请求数据赋值完成之后,并且异步去初始化轮播图;

this.bannerList = res.data.chart;
this.bannerList.forEach((item,index)=>{
    item.active = index == 0;
});
setTimeout(() => {
    // 初始化swiper
    this.initSwiper();
},100);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值