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>
做个随笔,怕忘记了,有错请指出,一起进步。