<el-table :data="tableData" @selection-change="handleSelectionChange" :row-key="getRowKeys" ref="multipleTable">
<el-table-column type="selection" :reserve-selection='true'></el-table-column>
</table>
//重要的参数和方法是:
@selection-change="handleSelectionChange"
:row-key="getRowKeys"
ref="multipleTable"
:reserve-selection='true'
//所有勾选的数据
handleSelectionChange(val) {
this.multipleSelection = val;
},
//行数据的 Key,用来优化Table的渲染;在使用reserve-selection功能与显示树形数据时,该属性是必填的
getRowKeys(row) {
return row.line_id // line_id必须是每条数据中唯一的值
},
仅对type=selection的列有效,类型为Boolean,为true则会在数据更新之后保留之前选中的数据
:reserve-selection='true
注意:此时表格无论多少分页,都被看成了一个整体,只要全选所有分页都被选中了