526互联

Element-UI的table实现分页多选功能

发布时间 2023-10-23 11:12:26作者: 今天代码写完了吗

在el-table中添加:row-key="getRowKeys"

<el-table
      ref="form"
      :model="form"
      :row-key="getRowKeys"
      @selection-change="handleChange"
>
</el-table>

getRowKeys(row) {
	return row.id
},

handleChange(selection) {
    console.log(selection)
}

然后第一列，即有多选框的一列，添加 :reserve-selection="true"

<el-table-column type="selection" :reserve-selection="true"></el-table-column>