ant-design表单自定义验证

扶醉桌前 提交于 2020-02-07 10:19:23
<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>
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!