el-form不使用required: true如何添加必填
时间: 2024-06-06 17:06:12 浏览: 132
详解element-ui设置下拉选择切换必填和非必填
可以在表单项的rules属性中自定义校验规则,如下:
<el-form-item label="姓名" prop="name">
<el-input v-model="form.name"></el-input>
</el-form-item>
//自定义校验规则
rules: {
name: [
{ required: true, message: "请输入姓名", trigger: "blur" }
]
}
在这里,将表单项的prop属性设置为字段名(如"name"),然后在rules属性中定义相应的校验规则。这样,在提交表单时,就会自动校验表单项的内容是否符合规则,并给出相应提示。
阅读全文