在 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,即失去焦点时触发校验。

可以根据具体的需求设置不同的校验规则,如正则表达式、最大长度、最小长度等等。校验规则可以是一个数组,包含多个规则,也可以是一个函数,自定义校验逻辑。

Element UI 表单校验:在 el-form-item 中使用 :rules 属性

原文地址: https://www.cveoy.top/t/topic/fJLJ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录