步驟一

?在<el-table>中:row-key="getRowKeys"和@selection-change="handleSelectionChange"

?在<el-table-column>中type="selection"那列，添加:reserve-selection="true"

<el-table:data="tableData"ref="multipleTable"borderstyle="width: 100%":row-key="getRowKeys"@selection-change="handleSelectionChange"><el-table-columntype="selection"width="55":reserve-selection="true"></el-table-column><el-table-column type="index" label="序號" width="50"></el-table-column><el-table-column prop="code" label="設備編號"> </el-table-column><el-table-column prop="name" label="設備名稱"> </el-table-column><el-table-column prop="capacity" label="標準產能（kg/天）"></el-table-column><el-table-column prop="shopName" label="車間"> </el-table-column></el-table>

步驟二

methods: {getRowKeys(row) {return row.id;},handleSelectionChange(e) {console.log(e,"被選中數據")this.addDeviceData = e;},
}

提示

在開發過程中，示如我遇到的需求，<el-table> 展示在<el-dialog>彈框中。第二次點擊近彈窗，要求數據不選擇。那么可以在<el-dialog>彈框關閉時的事件中加上這行代碼。

this.$refs.multipleTable.clearSelection(); //取消全部選中