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>
本文版权归作者和博客园共有,欢迎转载。但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利!
作者:刘呵呵
QQ:352887191