vue element 怎样让el-form内的组件 保持在一行

要让 `el-form` 内的组件保持在一行，你可以使用 Flex 布局。可以给 `el-form` 添加一个 `flex` 类，然后在 CSS 中设置 `display: flex;` 和 `flex-wrap: nowrap;`，这样子元素就会保持在同一行上。

例如：

<template>
  <el-form class="flex">
    <el-form-item label="姓名">
      <el-input></el-input>
    </el-form-item>
    <el-form-item label="年龄">
      <el-input></el-input>
    </el-form-item>
    <el-form-item>
      <el-button type="primary">提交</el-button>
    </el-form-item>
  </el-form>
</template>

<style>
  .flex {
    display: flex;
    flex-wrap: nowrap;
  }
  .el-form-item {
    margin-right: 20px;
  }
</style>

在上面的例子中，添加了一个 `flex` 类，并在 CSS 中设置了 `display: flex;` 和 `flex-wrap: nowrap;`，同时也给 `el-form-item` 添加了 `margin-right` 来增加组件之间的间距。这样子元素就会保持在同一行上。