多个el-form-item标签如何放在一行显示？

你可以使用 `inline` 属性来将多个 `el-form-item` 标签放在同一行显示。例如：

<el-form>
  <el-form-item label="姓名" inline>
    <el-input></el-input>
  </el-form-item>
  <el-form-item label="年龄" inline>
    <el-input></el-input>
  </el-form-item>
  <el-form-item label="性别" inline>
    <el-radio-group>
      <el-radio label="男"></el-radio>
      <el-radio label="女"></el-radio>
    </el-radio-group>
  </el-form-item>
</el-form>

这样每个 `el-form-item` 就会在同一行显示了。记得加上 `inline` 属性。

相关问题

怎么让多个el-form-item在同一行显示

如果你想让多个 `el-form-item` 在同一行显示，可以使用 `el-row` 和 `el-col` 的布局方式来实现。具体步骤如下：

1. 在 `el-form` 标签外部包裹一个 `el-row` 标签，表示将 `el-form-item` 放在同一行中。
2. 在每个 `el-form-item` 标签外部包裹一个 `el-col` 标签，表示每个表单项占据的列数。
3. 设置 `el-col` 的 `span` 属性，表示每个表单项占据的列数。
4. 可以在 `el-row` 标签上添加 `justify` 和 `align` 属性，来控制行内元素的水平和垂直对齐方式。

示例代码如下：

<template>
  <el-form>
    <el-row justify="center" align="middle">
      <el-col :span="8">
        <el-form-item label="姓名">
          <el-input v-model="form.name"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="手机号">
          <el-input v-model="form.phone"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="邮箱">
          <el-input v-model="form.email"></el-input>
        </el-form-item>
      </el-col>
    </el-row>
  </el-form>
</template>

这样就可以让三个表单项在同一行中显示。注意要根据实际情况调整 `el-col` 的 `span` 属性，保证表单项宽度合适。

el-form中，el-form-item里的el-input有两种，一种是独占一行，一种是一行有多个

在 `el-form` 中，`el-form-item` 可以包含多个表单控件，如 `el-input`、`el-select` 等。而在 `el-form-item` 中的 `el-input` 控件可以设置 `span` 属性，用于控制该控件所占据的列数。

当 `span` 属性设置为 `24` 时，`el-input` 将会独占一行，如下所示：

<el-form>
  <el-form-item label="姓名">
    <el-input v-model="name" placeholder="请输入姓名" :span="24"></el-input>
  </el-form-item>
</el-form>

当 `span` 属性设置为小于 `24` 的值时，`el-input` 将会与其他控件共同占据一行，如下所示：

<el-form>
  <el-form-item label="性别">
    <el-radio-group v-model="gender" :span="12">
      <el-radio label="male">男</el-radio>
      <el-radio label="female">女</el-radio>
    </el-radio-group>
  </el-form-item>
  <el-form-item label="年龄">
    <el-input v-model="age" placeholder="请输入年龄" :span="12"></el-input>
  </el-form-item>
</el-form>

在上面的示例中，`el-radio-group` 控件和 `el-input` 控件都设置了 `span` 属性，它们共同占据一行，其中 `el-radio-group` 控件占据了 12 列，`el-input` 控件占据了 12 列。