Element UI 表单校验:在 el-form-item 中使用 :rules 属性
在 el-form-item 中添加 :rules= 是用来设置表单项的校验规则的。
例如:
<el-form-item label='用户名' prop='username' :rules='[{ required: true, message: '请输入用户名', trigger: 'blur' }]'>
<el-input v-model='username'></el-input>
</el-form-item>
上面的代码中,设置了一个用户名的表单项,使用了 required 规则,表示该项为必填项,如果没有填写会显示'请输入用户名'的错误提示信息。trigger 属性设置了触发校验的事件为 blur,即失去焦点时触发校验。
可以根据具体的需求设置不同的校验规则,如正则表达式、最大长度、最小长度等等。校验规则可以是一个数组,包含多个规则,也可以是一个函数,自定义校验逻辑。
原文地址: https://www.cveoy.top/t/topic/fJLJ 著作权归作者所有。请勿转载和采集!