vue element 表格多選框

@selection-change="handleSelectionChange"多選框被選中時觸發
@row-click=“textRowClick” 行點擊被觸發

<el-table
          :data="textDocList"
          border
          style="width: 100%"
          @selection-change="handleSelectionChange"
          ref="textDocRef"
          @row-click="textRowClick"
          max-height="700"
        >

多選框被選中觸發，參數為selection，可獲取選中行的數據，數組類型，多選后，會將選中的每行都放進數組里面，數組套數組。可通過selection.length獲取選中的行數量從而去做一些判斷

// 監控多選框事件
    handleSelectionChange(selection) {
      this.selectNum = selection.length;
      this.selection = selection;
    },

行點擊觸發，可以在這個方法中調用表格的方法toggleRowSelection實現點擊行就選中多選框

textRowClick(row) {
      this.$refs.textDocRef.toggleRowSelection(row);
    },