VUE 为表格添加复选框并通过数组的map方法获取指定值

1. 给表格添加复选框
   在< el-table >标签上添加 @selection-change=“handleSelectionChange”

<el-table @selection-change="handleSelectionChange">el-table>

2. 在 < el_table >标签下的第一处添加

<el-table @selection-change="handleSelectionChange">
	
	<el-table-column type="selection" width="55">el-table-column>
el-table>

复选框的全选功能也是默认存在的

点击按钮会获取一行数据(如下)，但是我们常常只会用到编号或者别的某一列数据

[
	{
		"id":1,
		"date":"2022-10-29"
	},
	{
		"id":2,
		"date":"2022-10-29"
	},
	{
		"id":3,
		"date":"2022-10-29"
	},
	{
		"id":4,
		"date":"2022-10-29"
	},
]

在刚刚在< el-table >标签上添加 @selection-change属性中的 handleSelectionChange() 方法中进行修改

handleSelectionChange(val) {
 val.map((item,index) =>{
 		//  this.accountRecordId 为自己定义的值
       this.accountRecordId.push(item.id)
   });              
   console.log(this.accountRecordId);
 },

接下来点击得到的格式就是如下了：

[1,2,3,4]