el-form-item如何设置el-input和el-tag同行

在Element UI中，`<el-form-item>`用于组织表单输入项，而`<el-input>`和`<el-tag>`分别代表文本输入框和标签组件。如果你想让它们在同一行显示，可以这样做：

首先，在`<el-form-item>`中包含一个`<div>`元素，并将其样式设置为`display: flex; justify-content: space-between;`，这样可以让元素水平居中并保持一定间距。

<template>
  <el-form-item label="标签+输入">
    <div :style="{ display: 'flex', justifyContent: 'space-between' }">
      <!-- 输入框 -->
      <el-input v-model="inputValue" placeholder="请输入内容"></el-input>

      <!-- 标签 -->
      <el-tag @close="handleCloseTag" :closable="true"
             :type="tagType">{{ tagText }}</el-tag>
      <!-- 如果需要动态添加标签，可以用v-for循环 -->
      <!-- <el-tag v-for="tag in tags" :key="tag.id" closable
             :type="tag.type">{{ tag.content }}</el-tag> -->
    </div>
  </el-form-item>
</template>

然后，你可以通过数据绑定控制`<el-tag>`的显示，例如`tagText`和`tags`数组。`handleCloseTag`函数是关闭标签事件的处理函数。