1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 微信小程序swiper闪烁抖动卡死问题

微信小程序swiper闪烁抖动卡死问题

时间:2023-04-27 12:19:45

相关推荐

微信小程序swiper闪烁抖动卡死问题

将微信小程序切换到后台一段时间,再打开微信小程序,出现卡死闪烁抖动

// 重点是方法使用了 animationfinish 在动画结束后再进行赋值操作<swiper class="swiper_box" :current="current" @animationfinish="animationfinishChange" autoplay circular indicator-dots indicator-color="rgba(255, 255, 255, 0.6)" indicator-active-color="#fff"><swiper-item v-for="item in bannerList" :key="item.url">swiper content</swiper-item></swiper>scriptdata(){return{current :0 }}methods:{animationfinishChange(e) {this.current = e.detail.current;}}

如需同时设置索引值,并获取当前change事件

绑定事件animationfinish,在动画结束后进行赋值,避免出现闪烁卡死问题

仅需索引值,直接data定义current,监听change事件,给current赋值change返回的event.detail.current

<swiper class="swiper_box" @change="bannerChange" autoplay circular indicator-dots indicator-color="rgba(255, 255, 255, 0.6)" indicator-active-color="#fff"><swiper-item v-for="item in bannerList" :key="item.url">swiper content</swiper-item></swiper>scriptbannerChange(e) {this.current = e.detail.current;}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。