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

在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>

posted @ 2023-10-23 11:07 今天代码写完了吗阅读(100) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· Mybatis：插入数据返回自增主键

· element-ui el-table 多选和行内选中

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