如果遇見各種校驗問題首先檢查：
（1）:model="ruleForm" 綁定的ruleForm值是否掛載成功并且操作的是否是這個表單。
（2）:rules="rules" 校驗的規(guī)則格式綁定的rules是否定義并且格式正確為對象數(shù)組。
（3）el-form-item中的prop="name"是否和rules中的name: [ { required: true, message: '請輸入活動名稱', trigger: 'blur' }, ], 的名稱一致圾浅，兩個name是相同的，element的校驗就是根據(jù)這個prop找對應(yīng)的輸入框的些己。
（4）<el-input v-model="ruleForm.name"></el-input> 的v-model="ruleForm.name"確保對象ruleForm中有name這個屬性钓丰！
關(guān)于表單校驗的大部分bug的原因就是這四步綁定的值有問題，完全都是細(xì)心問題；越住！瘩扼！
———————————————————————————————————————————————
1谆甜、input輸入框
dfe78fc04684aa77aaa2fc38bbd4395.png
image.png
問題：明明輸入框中輸入了文字，卻提示未輸入
解決辦法：input框中集绰，trigger事件換成blur
2规辱、select下拉框
trigger事件換成change
一般出現(xiàn)這問問題，都是校驗問題栽燕，先看字段名有沒有一致罕袋，再看trigger有沒有正確
image.png
image.png
