ant-design表单自定义验证
Posted eternityz
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ant-design表单自定义验证相关的知识,希望对你有一定的参考价值。
<a-form :form="form">
<a-form-item :labelCol="labelCol"
:wrapperCol="wrapperCol"
label="适用阶段"
hasFeedback>
<a-select v-decorator="['mealCategory', {rules:[{required:true,message:'适用阶段不能为空'}]}]"
@blur="getMealCategory"
:disabled="isDisabled"
placeholder="请选择适用阶段">
<a-select-option value="小学">小学</a-select-option>
<a-select-option value="初中">初中</a-select-option>
<a-select-option value="高中">高中</a-select-option>
</a-select>
</a-form-item>
<a-form-item :labelCol="labelCol"
:wrapperCol="wrapperCol"
label="活动套餐名称"
hasFeedback>
<a-input placeholder="请输入活动套餐名称"
v-decorator="['mealName', {rules:[{required:true,message:'活动套餐名称不能为空'}]}]" />
</a-form-item>
</a-form>
以上是关于ant-design表单自定义验证的主要内容,如果未能解决你的问题,请参考以下文章
有人知道ant-design的表单验证getFieldDecorator怎么用嘛