说明:该篇博客是博主一字一码编写的,实属不易,请尊重原创,谢谢大家!
问题描述
在使用form
表单时,往往会对表单字段进行校验,字段为必填项时会添加required
属性,此时自定义rules
规则时就会需要表单输入框输入数据删除为空时,出现英文校验提示信息
代码如下:
js
<el-col :span="12">
<el-form-item label="用户名" :required="true" prop="name">
<el-input v-model="temp.name" placeholder="请输入用户名" autocomplete="off" style="width: 80%" />
</el-form-item>
</el-col>
rules: {
name: [{ required: true, message: '请输入用户名!', trigger: 'blur' }],
}
解决方法
将required属性放在el-input元素上即可,问题解决
js
<el-col :span="12">
<el-form-item label="用户名" prop="name">
<el-input v-model="temp.name" placeholder="请输入用户名" :required="true" autocomplete="off" style="width: 80%" />
</el-form-item>
</el-col>