el-select 选中后的标签自定义

el-select 是 Element-UI 组件中的下拉选择器，其标签自定义可以通过 slot-scope 实现。在 el-select 中，可以通过 slot-scope="scope" 获取数据对象 scope，其中的选项 label 和 value 可以作为 el-select 选中后的标签。

具体实现步骤如下：

1. 在 el-select 中添加一个 slot，使用 slot-scope 获取数据对象 scope。
2. 在选项中添加属性 slot-scope="option"，使用 option.label 和 option.value 可以获取当前选项的 label 和 value。
3. 自定义标签模板，可以使用 scope.selected.map(option => option.label).join(", ") 输出选择的选项的 label 值。

举个例子，代码如下：

<el-select v-model="selectedOptions" multiple>
  <el-option
    v-for="option in options"
    :key="option.id"
    :label="option.label"
    :value="option.value"
    slot-scope="option"
  />
  <template slot="selection" slot-scope="scope">
    <span class="el-select__tags">
      <span
        class="el-select__tags-text"
        v-if="scope.selected.length === 0"
      >请选择</span>
      <el-tag
        v-for="option in scope.selected"
        :key="option.value"
        :closable="true"
        :disable-transitions="true"
        @close="handleClose(option, scope.selected)"
      >{{ option.label }}</el-tag>
    </span>
  </template>
</el-select>

通过以上代码，可以自定义 el-select 选中后的标签，并且可以实现多选和删除已选中的选项。