如果遇见各种校验问题首先检查:
(1):model="ruleForm" 绑定的ruleForm值是否挂载成功并且操作的是否是这个表单。
(2):rules="rules" 校验的规则格式绑定的rules是否定义并且格式正确为对象数组。
(3)el-form-item中的prop="name"是否和rules中的name: [ { required: true, message: '请输入活动名称', trigger: 'blur' }, ], 的名称一致,两个name是相同的,element的校验就是根据这个prop找对应的输入框的。
(4)<el-input v-model="ruleForm.name"></el-input> 的v-model="ruleForm.name"确保对象ruleForm中有name这个属性!
关于表单校验的大部分bug的原因就是这四步绑定的值有问题,完全都是细心问题!!!
———————————————————————————————————————————————
1、input输入框
问题:明明输入框中输入了文字,却提示未输入
解决办法:input框中,trigger事件换成blur
2、select下拉框
trigger事件换成change
一般出现这问问题,都是校验问题,先看字段名有没有一致,再看trigger有没有正确