el-form 表单 一行三个

你可以使用 el-row 和 el-col 嵌套实现 el-form 表单一行三个的效果。

具体做法如下：

<template>
  <el-form>
    <el-row>
      <el-col :span="8">
        <el-form-item label="姓名">
          <el-input v-model="name"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="年龄">
          <el-input v-model="age"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="性别">
          <el-select v-model="gender">
            <el-option label="男" value="male"></el-option>
            <el-option label="女" value="female"></el-option>
          </el-select>
        </el-form-item>
      </el-col>
    </el-row>
  </el-form>
</template>

在上述代码中，el-row 代表一行，然后在每个 el-row 中分别嵌套三个 el-col。每个 el-col 的 span 属性设置为 8，表示占用 8 格，一行共 24 格，这样就实现了一行三个的效果。每个 el-col 中再嵌套一个 el-form-item，用来展示表单项的 label 和表单控件。