在列表中添加多选框
<el-checkbox
style="margin-left:10%"
:label="items.fromportcode"
v-model="qifesanzimachufa"
:key="index"
></el-checkbox>
data:{
qifesanzimachufa: [],
}
for (var i = 0; i < response.resmsg.listDetail.length; i++) {
如果后台返回数据中没有false,那我们自定义添加一个
response.resmsg.listDetail[i].checkbox = false;
将返回数据放到一个你自己定义数组中
this.listinner.push(response.resmsg.listDetail[i]);
if(this.yxdata.length!=0){ //这层我是根据我选择的数据进行对比的,如果没必要大家可以去掉这一层,按照自己的逻辑去写
let list2 = JSON.parse(JSON.stringify(this.yxdata));
list2.forEach(m => {
if (response.resmsg.listDetail[i].flightNum == m.flightNum) {
response.resmsg.listDetail[i].checkbox=true;
}
})
//console.log(response.resmsg.listDetail)
}
}
结尾到这就结束了,大家有问题,可以随时留言,一块探讨
vue添加Elementui多选框的反选与取消
最新推荐文章于 2023-02-14 14:56:50 发布