[JavaScript知识库]el-element中表单校验明明有值却校验不通过的原因分析

官方连接

emelentUI给出的demo地址: elementUI表单

遇到此类问题首要的检查项

（1）:model=“ruleForm” 中model绑定的ruleForm值是否成功挂载并且成功操作的是否是这个表单。
（2）:rules=“rules” 中表单校验的规则格式绑定的rules是否为对象数组:
region: [{ required: true, message: ‘请选择活动区域’, trigger: ‘change’ }]

（3）el-form-item中的prop="name"是否和rules中的名称一致，例如和上一条的region保持相同，另外在每一组的v-model="ruleForm.name"中确保对象ruleForm中的name这个属性，和prop是一致的

初心

以上是本人在工作中遇到的一些问题做的一些记录，也参考了其他的一些资料。希望大家可以一起交流。（以后每一次都会附上这一条时刻提醒自己不忘初心）