最近在用elementui table做列表的选择,需要知道勾选的是选中还是取消,查了很多方法总算找到了
<el-table
ref="multipleTable"
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
@select='onSelect' /*判断当前表格勾选的是选中的还是取消选中的 */
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
</el-table-column>
<el-table-column
label="日期"
width="120">
<template slot-scope="scope">{{ scope.row.date }}</template>
</el-table-column>
</el-table>
methods: {
handleSelectionChange(val) {
this.multipleSelection = val;
},
onSelect(rows, row) {
let selected = rows.length && rows.indexOf(row) !== -1
console.log(selected) // true就是选中,0或者false是取消选中
}
}