···
<swiper class="addswiper" circular :interval="addtime" :current="addidx" autoplay
@change="addchange">
<swiper-item>
0
</swiper-item>
<swiper-item>
1
</swiper-item>
</swiper>
···
···
addchange(e) {
this.addidx = e.detail.current
this.addtime = this.addidx == 0 ? 6000:3000
// console.log(697,this.addidx,this.addtime);
}
···
- 发布:2023-03-16 16:40
- 更新:2023-08-26 11:13
- 阅读:191
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.7.3
手机系统: Android
手机系统版本号: Android 10
手机厂商: 红米
手机机型: RedmiNote7
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
App下载地址或H5⽹址: https://www.baomode.com/baomoxiu.apk
示例代码:
操作步骤:
···
<swiper class="addswiper" circular :interval="addtime" :current="addidx" autoplay
@change="addchange">
<swiper-item>
0
</swiper-item>
<swiper-item>
1
</swiper-item>
</swiper>
···
···
addchange(e) {
this.addidx = e.detail.current
this.addtime = this.addidx == 0 ? 6000:3000
// console.log(697,this.addidx,this.addtime);
}
···
···
<swiper class="addswiper" circular :interval="addtime" :current="addidx" autoplay
@change="addchange">
<swiper-item>
0
</swiper-item>
<swiper-item>
1
</swiper-item>
</swiper>
···
···
addchange(e) {
this.addidx = e.detail.current
this.addtime = this.addidx == 0 ? 6000:3000
// console.log(697,this.addidx,this.addtime);
}
···
预期结果:
下标0停留6秒 下标1 停留3秒
下标0停留6秒 下标1 停留3秒
实际结果:
ios正常 安卓相反
ios正常 安卓相反
bug描述:
nvue页面swiper 安卓根据下标自定义interval 时间错误