如何用vue把写好的一些标签往el-input里面放 要求标签放中间不放两边，写个具体例子

好的，下面是一个简单的示例代码，展示如何将一些标签放在el-input中间：

<template>
  <div>
    <el-input v-model="inputValue" placeholder="请输入内容">
      <template #prepend>
        <div class="input-prepend">
          <span>标签1</span>
          <span>标签2</span>
          <span>标签3</span>
        </div>
      </template>
    </el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  }
}
</script>

<style>
.input-prepend {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 14px;
  color: #666;
}

.input-prepend span {
  margin: 0 5px;
}
</style>

在这个例子中，我们使用了`<template>`标签来定义一个插槽（slot）`prepend`，并在`el-input`组件中使用了这个插槽。在插槽中，我们定义了一个包含多个标签的`<div>`元素，并将其样式设置为居中对齐、不换行、14px字体大小和#666颜色。最后，我们将每个标签之间的间距设置为5px，以使它们之间的距离看起来更加美观。