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

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐