ant-design-vue中一个form-item中如何进行多个输入框校验
ant-design-vue中多个输入框校验
·
一行一个标签对应多个输入组件,这个需求很常见但在官方例子没看到合适的,因为官方建议:
注意:一个 Form.Item 建议只放一个被 getFieldDecorator 装饰过的 child,当有多个被装饰过的 child 时,help required validateStatus 无法自动生成。
在a-form-item中设置row和col标签将两个输入设置在一行,在另一个col中引入a-from-item即可进行校验
<a-form-item>
<a-row :span="24">
<a-col :span="6" style="margin-right:25px;">
4.电量异常:订单时长少于等于
<a-input style="width: 50px" v-decorator="['minChargingTime', { rules: [{ validator: handleNum }] }]" />
</a-col>
<a-col :span="10">
<a-form-item>
分钟且充电量大于等于
<a-input style="width: 50px" v-decorator="['sumPower', { rules: [{ validator: handleNum }] }]" />
度
</a-form-item>
</a-col>
</a-row>
</a-form-item>
更多推荐
已为社区贡献2条内容
所有评论(0)