一行一个标签对应多个输入组件,这个需求很常见但在官方例子没看到合适的,因为官方建议:

注意:一个 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>
Logo

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

更多推荐