【踩坑记录】 this.$refs.formRef.validate 回调函数不会触发

今天使用 Element Plus，做表单验证

有几个不需要验证的项，我也顺手写上了 prop

如下（手机号）

<el-form-item label="邮箱" prop="userEmail">
    <el-input v-model="userForm.userEmail" placeholder="请输入邮箱"/>
</el-form-item>
<el-form-item label="手机号" prop="mobile">
    <el-input v-model="userForm.mobile" placeholder="请输入手机号"/>
</el-form-item>

但是我验证数组中没有对这一项进行验证

然后当我提交表单，做验证的时候，发现validate 回调函数并没有触发

解决方案，哪一项需要验证，就只在哪一项加上prop字段就好了，如下，手机号不需要验证

<el-form-item label="邮箱" prop="userEmail">
    <el-input v-model="userForm.userEmail" placeholder="请输入邮箱"/>
</el-form-item>
<el-form-item label="手机号">
    <el-input v-model="userForm.mobile" placeholder="请输入手机号"/>
</el-form-item>