checkboxchange全选后,随便点击一个checkbox都会取消最后一个选中框
- 发布:2021-12-10 16:02
- 更新:2021-12-15 17:20
- 阅读:424
产品分类: uniapp/小程序/阿里
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: windows 10
HBuilderX类型: 正式
HBuilderX版本号: 3.2.16
第三方开发者工具版本号: 2.3.8
基础库版本号: 2.7.3
项目创建方式: HBuilderX
操作步骤:
预期结果:
根据点击返回属性
根据点击返回属性
实际结果:
迟迟不回复
迟迟不回复
bug描述:
checkboxchange组件在支付宝侧返回逻辑乱套,迟迟不修改。具体看视频
小枫叶 - 外包接单加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)
},
<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循环中的代码, 就能复现上述的问题