首页 > 其他 > 详细

ant-design表单自定义验证

时间:2020-02-07 11:28:19      阅读:134      评论:0      收藏:0      [点我收藏+]
<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表单自定义验证

原文:https://www.cnblogs.com/eternityz/p/12271908.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!