先来段认证的规则定义:
Form 组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可。
当我们设置号prop参数,以及相应的rules,但是输入正确的数据,表单一直在报错。
总是因为我的的prop参数名没有与表单v-model绑定的字段一 一对应起来。
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
<el-form-item label="活动名称" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="活动区域" prop="region">
<el-select v-model="ruleForm.region" placeholder="请选择活动区域">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
</el-form>
比如上述代码的prop 的name参数要与v-model的ruleForm.name的name相对应,并不是随意取的名字。
以下的region也是逻辑。