Vue2: 创建一个可多选的Table,并回显数据选中状态
如图,需要创建一个含有checkBox的允许多选的表格,并在表格初始化的时候,根据初始状态回显数据的选中状态,即设置哪条数据是选中的,哪条是未被选中的。
1、创建table
手动添加一个el-table-column,设type属性为selection即可:
<el-table
ref="multipleTable"
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange">
<el-table-column type="selection" width="55">
</el-table-column>
<!--其它数据项-->
</el-table>