1、el-ui中實現某一列為複選框

• 實現多選非常簡單: 手動新增一個el-table-column，設type屬性為selction即可；

2、@selection-change事件：選項發生勾選狀態變化時觸發該事件

<el-table
       @selection-change="handleSelectionChange"
        ref="multipleTable"
        :key="tableKey"
        :data="tableData

"
        row-key="id"
        v-loading="tableLoading"
        element-loading-text="給我一點時間"
        fit
        size="mini"
        tooltip-effect="dark"
        style="width: 100%;font-size: 12px;margin-bottom:15px;border-radius:3px;"
        :header-cell-style="tableHeaderColor">

</el-table>

監聽的方法

handleSelectionChange(val) {   // 返回值val是選中行資料的集合
      this.multipleSelection = val.map(item => item.id);
      this.isProcurementStatus = val.map(item => item.procurementStatus);
      this.forDialogTitle = val.map(item => item.purchaseProject);
    }

注意：如果複選框全選時，val的值即和table繫結的tableData一致。選中某一行，val的值就是tableData陣列中對