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 即可。