第一种方式
this.checkList 为选中数据
this.allWorkList 为你页面渲染的数组
此处因为 this.checkList选择后是一个对象的形式,而且有一个问题,只能保存labeld值,我显示的是name,它选中的checkList返回值就是name,不像select那样有两个属性(label和value)去控制,这样后台要的是id,页面显示的为name值,如果为多选更不好处理它里面的id值
let arrName = this.allWorkList.filter(item => { return this.checkList.includes(item.name) }); //我们先把两个相同的名字给摘出来 (列表返回的名字,以及选中的名字)
let arrId = arrName.map(v => {
return v.id + ',';
});
console.log(arrId);
join 拼接数组 如arr[0] arr[1].join
使用join 去处理外层的this.allWorkList 数组,只有数组能join
**第二种方式 (简洁版)**
let result = this.allWorkList.filter(item => { return this.checkList.includes(item.name) }).forEach(innerItem => {
console.log('innerIteminnerIteminnerItem', innerItem);
}).join(',');
console.log(result);