实现el-table里表单每一行输入框间的校验比较

最新推荐文章于 2024-09-27 16:57:19 发布

 The dream is near  

最新推荐文章于 2024-09-27 16:57:19 发布

阅读量758

点赞数

分类专栏： elementui vue

本文链接：https://blog.youkuaiyun.com/weixin_44988028/article/details/118520571

版权

本文介绍了如何在Vue项目的el-table组件中实现行内输入框的自定义校验规则，例如确保卖出数量不大于未出售数量。通过提供整体代码，包括HTML模板和JavaScript逻辑，展示了具体的实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自定义校验规则：

如：卖出数量不能大于未出售数量

let checkNumber = (rule, value, callback) => {
   
	 //获取当前行的index值
      let index = rule.field.split(".")[1];
      
      //value为卖出数量值，unsealedQuantity为未出售的数量
      if (parseInt(value) > parseInt(this.orderDetailForm.orderData[index].unsealedQuantity)) {
   
        callback(new Error("卖出数量不能大于未出售数量"));
      } else {
   
        console.log(value)
        callback()