element UI 表单组件必填项前的小红星控制

本文主要是介绍element UI 表单组件必填项前的小红星控制，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

form 表单加验证

Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item 的 prop 属性设置为需校验的字段名即可。

<el-form :model="ruleForm" :rules="rules" ref="ruleForm"><el-form-item label="活动名称" prop="name"><el-input v-model="ruleForm.name"></el-input></el-form-item>
</el-form>

data(){rules: {name: [{ required: true, message: '请输入活动名称', trigger: 'blur' }],}
}

这个 required 就表示必填项，小红星会自动显示。如果不想显示小红星，只要修改属性 hide-required-asterisk = true 即可。

这篇关于element UI 表单组件必填项前的小红星控制的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---