element表单验证规则遇到的坑

element验证规则遇到的坑

一、首先是你需要为那几个输入框或者其他添加限制规则，你就要设置几个规则并且命名最好和你绑定的值的关键字一样

二、然后就是prop需要绑定在el-form-item上，如果el-input外层还有多个el-form-item，必须写在父级的标签上，不然规则不会成功

自己看看结构例如：

<el-form-item label="执法人员2" class="item">
          <el-col :span="6">
            <el-form-item prop="INVESTIGATE_USER_2">
              <el-input v-model="cases.INVESTIGATE_USER_2"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="执法证号2" prop="INVESTIGATE_IDENTITY_2"
                          class="item right_x">
              <el-input v-model="cases.INVESTIGATE_IDENTITY_2"></el-input>
            </el-form-item>
          </el-col>
        </el-form-item>

笔记：
如果使用限制他不为空的属性时候，又需要去掉前面的星星，可以在e-form添加属性

hide-required-asterisk

<el-form label-width="80px" class="case_form" :rules="rules" ref="cases" :model="cases" hide-required-asterisk>

做个随笔，怕忘记了，有错请指出，一起进步。