Vue Form 主动显示错误信息,主动valid错误信息,手动显示valid错误信息
model信息:
formModel: {
name: ''
}
验证规则:
formRules: {
name: [
{ required: true, message: '请选输入名字', trigger: ['blur', 'change'] }
]
}
表单:
<el-form
ref="form"
align="center"
:model="formModel"
:rules="formRules">
<el-form-item prop="name">
<el-input v-model="formModel.name" />
</el-form-item>
</el-form>
手动显示错误信息方法:
- 1、el-form-item 标签需要指定 prop
- 2、rules 需要指定属性,可以没有规则
this.$refs[‘form’].fields[0].validateMessage = ‘错误信息’
this.$refs[‘form’].fields[0].validateState = ‘error’