element的form表单中如何一行显示多el-form-item标签?

Question

element的form表单中如何一行显示多el-form-item标签?

Answer 1

看看栅格布局，elementUi中也有Layout布局可以试试，只要空间够，放多少都可以，只要保证每一个el-row中的el-col的span的值合起来是24就行，详解看文档https://element.eleme.cn/#/zh-CN/component/layout

<el-form ref="form" :model="form" label-width="80px">
  <el-row>
    <el-col :span="6">
      <el-form-item label="活动名称">
        <el-input v-model="form.name"></el-input>
      </el-form-item>
    </el-col>
    <el-col :span="6">
      <el-form-item label="活动名称">
        <el-input v-model="form.name"></el-input>
      </el-form-item>
    </el-col>
    <el-col :span="6">
      <el-form-item label="活动名称">
        <el-input v-model="form.name"></el-input>
      </el-form-item>
    </el-col>
    <el-col :span="6">
      <el-form-item label="活动名称">
        <el-input v-model="form.name"></el-input>
      </el-form-item>
    </el-col>
  </el-row>
</el-form>