element 表格多选框 记忆选择 组件的相关代码
程序员文章站
2022-07-14 08:46:27
...
<el-table
ref="multipleTable"
:data="tableData"
:header-cell-style="tableHeaderColor"
border
:row-key="getRowKeys"
style="width: 100%"
@selection-change="handleSelectionChange"
>
<el-table-column
type="selection"
width="55"
:reserve-selection="true"
>
</el-table-column>
<el-table-column label="产品名称" prop="PD_NAME"> </el-table-column>
<el-table-column prop="DEVICE_MODE_NAME" label="型号">
</el-table-column>
<el-table-column prop="DEVICE_TYPE_NAME" label="产品类型">
</el-table-column>
</el-table>
reserve-selection : 储备选择
仅对 type=selection 的列有效,类型为 Boolean,为 true 则会在数据更新之后保留之前选中的数据(需指定 row-key)
getRowKeys(row: any) {
return row.ID;
}
public handleSelectionChange(name: any): void {
this.selname = name;
}
上一篇: jQuery基础使用与样式篇
下一篇: css 自定义表格(table)样式