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)
})
posted @ 2019-12-13 10:43  时光凉忆  阅读(1922)  评论(0编辑  收藏  举报