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 !== 1
      this.waveAble = selection.length > 1
      this.multiple = !selection.length
    },