在el-select上加el-tag

在Element UI (简称El-Select) 中添加自定义标签 (el-tag)，通常是为了动态显示用户选择的内容，而不是预设选项。你可以通过以下几个步骤实现：

1. 首先，在`<el-select>`组件中，使用`v-model`绑定选中值，并允许用户输入自定义内容。

<el-select v-model="selectedValue" placeholder="请选择">
  <el-option
    v-for="(item, index) in options"
    :key="index"
    :label="item.label"
    :value="item.value"
  ></el-option>
</el-select>

<template #appendTag>
  <el-input
    type="text"
    v-model="newTag"
    @keyup.enter="addTag"
    placeholder="请输入新标签"
  ></el-input>
  <button @click="addTag">添加</button>
</template>

2. 定义一个新的Vue数据属性`newTag`用于存储用户输入的新标签值，`addTag`方法会在用户按下回车键或者点击“添加”按钮时触发。

data() {
  return {
    selectedValue: '',
    newTag: '',
    options: [
      { label: 'Option 1', value: 'option1' },
      { label: 'Option 2', value: 'option2' }
    ]
  };
},
methods: {
  addTag() {
    if (this.newTag) {
      this.options.push({ label: this.newTag, value: this.newTag });
      this.selectedValue = this.newTag;
      this.newTag = '';
    }
  }
}

当你点击添加按钮或者按Enter键时，新标签会被添加到`options`数组中，并更新选中值。