form表单中input框以及select下拉框校验问题

如果遇见各种校验问题首先检查：

（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） 的v-model="ruleForm.name"确保对象ruleForm中有name这个属性！
关于表单校验的大部分bug的原因就是这四步绑定的值有问题，完全都是细心问题！！！
———————————————————————————————————————————————

1、input输入框

dfe78fc04684aa77aaa2fc38bbd4395.png

image.png

问题：明明输入框中输入了文字，却提示未输入
解决办法：input框中，trigger事件换成blur

2、select下拉框

trigger事件换成change

一般出现这问问题，都是校验问题，先看字段名有没有一致，再看trigger有没有正确

image.png

image.png