element 表格增加多选框 ,增加多选

1. el-table 增加如下代码,就会出现多选框

<el-table-column type="selection" class="checkbox-inp" width="55"></el-table-column>

 

2. 获取所选数据,需要给table 绑定事件@selection-change (@select不能获取表头全选框所选的数据)

@selection-change="checkSelect"
checkSelect(data){
    console.log(data)
}

 

3. 给表格默认加已选状态

this.tableData.forEach(row=>{
    this.$refs.table.toggleRowSelection(row, true)
})
原文地址:https://www.cnblogs.com/naturl/p/12033843.html