element ui 表单输入正确但是一直验证报错

先来段认证的规则定义:
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也是逻辑。

你可能感兴趣的:(vue,前端,javascript,开发语言)