el-table在某些条件下禁止选中

el-table在某些条件下禁止选中

废话不多说直接上代码

HTML部分

<el-table v-loading="loading" :data="wmsShipmentOrderList" ref="multipleTable" @select="handleSelect" @selection-change="handleSelectionChange"><el-table-column align="center" type="selection" width="55"></el-table-column><el-table-column label="出库单号" min-width="150" prop="shipmentOrderNo"></el-table-column><el-table-column  align="center" :formatter="getCustomer" label="客户"></el-table-column><el-table-column align="center" label="订单号" prop="orderNo"></el-table-column> <el-table-column align="center" label="单据日期" prop="createTime"></el-table-column><el-table-column align="center" label="制单人" prop="userName"></el-table-column><el-table-column align="center" label="审核人" prop="handledBy"></el-table-column></el-table>

JS部分

handleSelect(selection, row) {// 如果该行不可选中，则取消选择if (row.shipmentOrderStatus == 3) {this.$refs.multipleTable.toggleRowSelection(row, false);}},// 多选框选中数据handleSelectionChange(selection) {this.ids = selection.map(item => item.id)this.single = selection.length !== 1this.waveAble = selection.length > 1this.multiple = !selection.length},