el-table表格获取当前行复选框状态

1,393 阅读1分钟

场景

在el-table的表格中,使用多选框,点击行的时候,需要知道当前框的选中状态
官方并没有提供相关api

解决思路

使用row-click可以获得当前行的数据信息,在和this.$refs.questionTable.selection
两者进行比较,判断当前行信息是否在当前页选中列表里,就可以知道,选中状态了

this.$refs.questionTable.selection

当前所有选中信息的数组

  • @row-click="rowClick" `
 rowClick(data) {
      // this.calRowSelStatus(data);
      if (!!this.isEdit) {
        setTimeout(() => {
          let flag = this.$refs.questionTable.selection.some(
            (item) => item.id == data.id
          );
          console.log(flag);
        }, 10);
      }
    },