element + vue Table里的两列数据比大小

<el-form-item label="库存选择:" prop="tables"><el-button type="text" size="medium" @click="selectGoods">选择库存</el-button><br /><el-col :span="24"><el-table :data="detail.tables" v-show="detail.tables.length > 0" bordermax-height="300px"><el-table-column v-for="item in WorkingAreaCheckOutTableHeadsAdd" :key="item.prop":label="item.label" :prop="item.prop" align="center" :width="item.width"><template slot-scope="scope"><span v-if="item.type">{{InventoryTypeQueryData[scope.row.type]}}</span><span v-else-if="item.storageMode"><span>{{ whAStyleData[scope.row.storageMode] }}</span></span><span v-else-if="item.containerType"><span>{{ CONTAINER_TYPE[scope.row.containerType] }}</span></span><span v-else>{{ scope.row[item.prop] }}</span></template></el-table-column><el-table-column prop="num" label="出库数量" align="center" width="100"><template slot-scope="scope"><el-form-item :prop="`tables[${scope.$index}].num`":rules="[{ required: true, message: '请输入', trigger: 'blur' }]"><el-input v-model="scope.row.num" clearable size="small"oninput="value=value.replace(/[^0-9]/g,'');if(String(value)==='0'){value=1}"@input="onExchange(scope.$index)"></el-input></el-form-item></template></el-table-column><el-table-column label="操作" align="center" fixed="right"><el-link type="danger" :underline="false" slot-scope="{ row, $index }" plain@click="handleClickDelCity(row, $index)">删除</el-link></el-table-column></el-table></el-col></el-form-item>

  //出库数量失焦//通过index获取到中转区数量，出库数量，然后进行比较，如果出库数量大于中转区数量，则提示，并把出库数量始化为中转区数量。onExchange(index) {let moment = this.detail.tables[index]; // 此处的tableData为自己的table表格绑定的data数组let inventoryNum = Number(moment.inventoryNum);let num = Number(moment.num);if (num > inventoryNum) {this.detail.tables[index].num = inventoryNum;this.$set(this.detail.tables, index, moment);this.$message.error("出库数量不能大于中转区数量！");// 此处是将修改的那一行的数据重新赋值给table表格对应的那一行，触发热更新。}},

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！