美文网首页
2022-05-16 动态校验表单

2022-05-16 动态校验表单

作者: jinya2437 | 来源:发表于2022-05-16 14:02 被阅读0次

    动态添加明细行。每行需要校验是否为空属性。

    image.png
     <div v-for="(item, index) in detailList"
              :key="index.toString()"
              :name="index.toString()">
     <el-form-item 
      class="is-required" 
      :label="$tl('wms_FieldCode','属性编码')" 
      label-width="120" 
      :prop="'FieldCode'+index" 
      :rules="[{validator: (a, b, c) =>validateDetailForm(a, b, c, index, 'Competitor'),trigger: 'blur',}]">
        <el-input disabled :placeholder="$tl('MOM_InputPlease')"  style="width: 140px" v-model="item.FieldCode"></el-input>
      </el-form-item>
    </div>
    
     validateDetailForm(rule, value, callback, index, name) {
          if (!this.detailList[index][name]) {
            callback(new Error(this.$t("MOM_IsRequire")));
          } else {
            callback();
          }
        },
    

    相关文章

      网友评论

          本文标题:2022-05-16 动态校验表单

          本文链接:https://www.haomeiwen.com/subject/gvfwurtx.html