- 发布：2022-10-11 17:44
- 更新：2022-10-11 17:44
- 阅读：315
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 10
HBuilderX类型： 正式
HBuilderX版本号： 3.6.4
手机系统： 全部
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
<template><view>
<swiper :indicator-dots="true" style="padding-top: 50px;">
<swiper-item v-for="(item, index) in lunbotu" :key="index">{{index}}</swiper-item>
</swiper>
<view @click="lunbotu.push('')">增加</view>
<view @click="lunbotu.pop()">减少</view>
</view>
</template>
<script>
export default{
data(){return{
lunbotu: [],
}}
}
</script>
<style lang="scss"></style>
<template><view>
<swiper :indicator-dots="true" style="padding-top: 50px;">
<swiper-item v-for="(item, index) in lunbotu" :key="index">{{index}}</swiper-item>
</swiper>
<view @click="lunbotu.push('')">增加</view>
<view @click="lunbotu.pop()">减少</view>
</view>
</template>
<script>
export default{
data(){return{
lunbotu: [],
}}
}
</script>
<style lang="scss"></style>操作步骤：
让swiper 遍历的数据元素减少
让swiper 遍历的数据元素减少
预期结果：
不出现bug
不出现bug
实际结果：
出现了bug
出现了bug
bug描述：
网页不会，仅APP（安卓、苹果）
swiper组件的属性indicator-dots（显示面板指示点）等于true时，
如果swiper组件遍历的数组子元素长度，由长变短时，会引发一个bug。
具体的话，请看视频
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-bf16ecad-1cbc-421f-9785-8a609ca4eb52/b6387eab-3a8d-456d-8bef-4e896588bf0e.mp4
0 个回复