vue elelmentui from中输入框横向放置

如果你想在 Element UI 中实现 From 表单中输入框横向放置，可以使用 `el-row` 和 `el-col` 组件来实现。

具体实现步骤如下：

1. 在 From 表单中使用 `el-row` 组件包裹多个 `el-col` 组件。

<template>
  <el-form>
    <el-row>
      <el-col>
        <el-form-item label="用户名">
          <el-input v-model="username"></el-input>
        </el-form-item>
      </el-col>
      <el-col>
        <el-form-item label="密码">
          <el-input v-model="password"></el-input>
        </el-form-item>
      </el-col>
      <el-col>
        <el-form-item label="确认密码">
          <el-input v-model="confirmPassword"></el-input>
        </el-form-item>
      </el-col>
    </el-row>
  </el-form>
</template>

2. 使用 `span` 属性来设置每个 `el-col` 组件占据的列数，使其横向排列。

<template>
  <el-form>
    <el-row>
      <el-col :span="8">
        <el-form-item label="用户名">
          <el-input v-model="username"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="密码">
          <el-input v-model="password"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="确认密码">
          <el-input v-model="confirmPassword"></el-input>
        </el-form-item>
      </el-col>
    </el-row>
  </el-form>
</template>

这样，就可以实现 From 表单中输入框横向放置了。你可以根据实际需求来调整 `el-col` 的 `span` 属性，从而实现不同的布局效果。