判断elementui table表格勾选的是是选中还是取消选中

最近在用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是取消选中
    }
  }

版权声明:本文为qq_39650950原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。