表单外部的antdesign has-feedback图标

问题描述

我遇到的问题是has-Feedback图标显示在表单组的输入框之外。

示例代码：

              <a-input-group size="large">
                <a-row :gutter="10">
                  <a-col :span="12">
                    <a-form-item has-Feedback>
                    <a-input
                      size="large"
                      placeholder="Business name"
                    >
                    </a-input>
                    </a-form-item>
                  </a-col>
                  <a-col :span="12">
                    <a-form-item has-Feedback>
                    <a-input
                      size="large"
                      placeholder="Last name"
                    >
                    </a-input>
                    </a-form-item>
                  </a-col>
                </a-row>
              </a-input-group>

解决方法

一旦我删除了<a-input-group size="large"></a-input-group>标签，该错误就消失了。