element ui form 循环生成表单条目之后添加验证条件

1.html 代码

 注意事项

     1. form 表单要加命名  比如 ref="ruleForm"

      2.每一列上都要加上验证条件比如：

           

:rules="{

            required: true, message: '金额合计不能为空', trigger: 'blur'

          }"

  3.重点在第二行，循环之后的prop 比如  .money 是自己的字段，与 

 :prop="'expensesDetailList.'+ index +'.money'"

 
        
          
        
        
          
        
      

      

        确定
        取消
      

2.js验证（这个很简单不介绍了，如果不行微信联系，暗号ypz131023）

  unpatByFinish() {
      // this.expenseVisible = true
      // upExp
      this.$refs['ruleForm'].validate(valid => {
        if (valid) {
          upExp(this.formLabelAlign).then(data => {
            this.$message.success('修改成功');
            this.expenseVisible = false;
            this.getList();
          });
        } else {
          this.$message.warning('数据不完整，请填写完整！');
        }
      });
    }