kim789
kim789
  • 发布:2021-12-10 16:02
  • 更新:2021-12-15 17:20
  • 阅读:424

【报Bug】uniapp支付宝侧底层基础组件重大BUG,避免新手入坑

分类:uni-app

产品分类: uniapp/小程序/阿里

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows 10

HBuilderX类型: 正式

HBuilderX版本号: 3.2.16

第三方开发者工具版本号: 2.3.8

基础库版本号: 2.7.3

项目创建方式: HBuilderX

操作步骤:

checkboxchange全选后,随便点击一个checkbox都会取消最后一个选中框

预期结果:

根据点击返回属性

实际结果:

迟迟不回复

bug描述:

checkboxchange组件在支付宝侧返回逻辑乱套,迟迟不修改。具体看视频

2021-12-10 16:02 负责人:无 分享
已邀请:
小枫叶

小枫叶 - 外包接单加v:wlmk1234567 注明来意

没有复现到你说的问题,

<checkbox-group name="" @change="checkboxchage">  
            <label>  
                <checkbox :value="box1v" /><text>000</text>  
            </label>  
            <label>  
                <checkbox :value="box2v" /><text>001</text>  
            </label>  
            <label>  
                <checkbox :value="box3v" /><text>002</text>  
            </label>  
            <label>  
                <checkbox :value="box4v" /><text>003</text>  
            </label>  
            <label>  
                <checkbox :value="box5v" /><text>004</text>  
            </label>  
        </checkbox-group>  
data() {  
            return {  

                box1v:"001",  
                box2v:"002",  
                box3v:"003",  
                box4v:"004",  
                box5v:"005",  

            }  
        },
checkboxchage(e){  
                console.log(e)  
                console.log(e.detail.value)  
            },
kim789

kim789 (作者)

这是官方示例uni-app-hello中提供给的代码, 在checkboxChange监听方法中加入for循环中的代码, 就能复现上述的问题

6***@qq.com

6***@qq.com

<view>  
                <checkbox-group>  
                    <label>  
                        <checkbox value="cb1" checked="true" color="#FFCC33" style="transform:scale(0.7)" />选中  
                    </label>  
                    <label>  
                        <checkbox value="cb" color="#FFCC33" style="transform:scale(0.7)" />未选中  
                    </label>  
                </checkbox-group>  
            </view>
<view class="uni-list">  
            <checkbox-group @change="checkboxChange">  
                <label class="uni-list-cell uni-list-cell-pd" v-for="item in items" :key="item.value">  
                    <view>  
                        <checkbox :value="item.value" :checked="item.checked" />  
                    </view>  
                    <view>{{item.name}}</view>  
                </label>  
            </checkbox-group>  
        </view>
data() {  
            return {  
                title: 'checkbox 复选框',  
                items: [{  
                        value: 'USA',  
                        name: '美国'  
                    },  
                    {  
                        value: 'CHN',  
                        name: '中国',  
                        checked: 'true'  
                    },  
                    {  
                        value: 'BRA',  
                        name: '巴西'  
                    },  
                    {  
                        value: 'JPN',  
                        name: '日本'  
                    },  
                    {  
                        value: 'ENG',  
                        name: '英国'  
                    },  
                    {  
                        value: 'FRA',  
                        name: '法国'  
                    }  
                ]  
            }  
        },  

checkboxChange: function(e) {  
                var items = this.items,  
                    values = e.detail.value;  
                for (var i = 0, lenI = items.length; i < lenI;   i) {  
                    const item = items[i]  
                    console.log("item: ", item);  
                    if (values.indexOf(item.value) >= 0) {  
                        this.$set(item, 'checked', true)  
                        // item.checked = true;  
                    } else {  
                        this.$set(item, 'checked', false)  
                        // item.checked = false;  
                    }  
                }  
            }  

这是官方示例uni-app-hello中提供给的代码, 在checkboxChange监听方法中加入for循环中的代码, 就能复现上述的问题

DCloud_uni-ad_HDX

DCloud_uni-ad_HDX

确认是支付宝的问题,多次选中后支付宝控件内部选中状态和绑定的数据状态错乱了,已反馈给支付宝小程序,支付宝小程序的下个IDE版本将修复此问题

该问题目前已经被锁定, 无法添加新回复