需求:
有一个带选择框的人员记录表格,我需要将所有被选择的人员的id数组作为参数,去调用接口。
Table表格实现多选,手动添加一个
el-table-column
,设type
属性为selection
即可。在el-table标签内,添加@selection-change="handleColumnSelect"方法
// 选择人员 handleColumnSelect(val) { this.selectedPersonList = val }
则可以获取到所有被选择的人员数组
然后我使用map() 方法提取对象数组中的personId属性,组成新数组:
const personIds = this.selectedPersonList.map(({ personId }) => personId)
如果将数组转换为对象数组:
const regions = buildingList.map(item => {
return { regionCode: item }
})
另外,转载下遍历数组的方法: js数组遍历方法总结https://www.cnblogs.com/woshidouzia/p/9304603.html