antdv如何实现form.item一行三栏布局？

Question

代码结构如下：

<a-form layout="inline" :form="$form.createForm(this, { name: 'form' })">
                <a-form-item label="表单1">
                  <a-input v-decorator="['label1']"></a-input>
                </a-form-item>
                <a-form-item label="表单2">
                  <a-input v-decorator="['label2']"></a-input>
                </a-form-item>
                <a-form-item label="表单3">
                  <a-input v-decorator="['label3']"></a-input>
                </a-form-item>
              </a-form>

试过labelCol和wrapperCol，效果不对。
要实现的效果，一行三列：

Answer 1

<a-form>
  <a-row>
    <a-col :span="8">
      <a-form-item label="xxx">
         ....
      </a-form-item>
    </a-col>
    ....
  </a-row>
</a-form>

是可以通过嵌套 a-row 和 a-col 来实现的，同时也可以配置为响应的栅格。

<a-form>
  <a-row>
    <a-col :xs="24" :sm="12" :md="8" :lg="6" :xl="4">
      <a-form-item label="xxx">
        ...

以下是预览截图。

Answer 2

通过row和col可以设置，在col上设置:span="8"

Answer 3

用<row><col>做，官网有案列https://ant.design/components...