elementui分页记录，reserve-selection

第一步：
在<el-table></el-table>标签中加上 :row-key="getRowKeys"

第二步：
在<el-table-column type="selection"></el-table-column>此行加上:reserve-selection="true"

第三步：
在 data() {
return {
multipleSelection:[],//复选框
getRowKeys(row) {//记录每行的key值
return row.id;
},
select_order_number:'',//表格select选中的条数
select_orderId:[],//表格select复选框选中的id

}
}

第四步:
handleSelectionChange(rows) {//复选框
this.multipleSelection = rows;
this.select_order_number = this.multipleSelection.length;

this.select_orderId = [];
if (rows) {
rows.forEach(row => {
if (row) {
this.select_orderId.push(row.id);
}
});
}
}

第五步：
在<el-table></el-table>标签中加上 @selection-change="handleSelectionChange" 事件

巴特西

elementui分页记录，reserve-selection

最新文章

热门文章