el-select multiple slot选择样式

要为 `el-select` 的多选模式下的选项添加自定义样式，可以使用 `slot` 来自定义选项的渲染。具体实现步骤如下：

1. 在 `el-select` 中添加 `slot="multiple-label"`，这个 `slot` 用于自定义多选模式下选项的展示效果。
2. 在 `el-select` 中添加 `slot-scope="{ option }"`，这个 `slot-scope` 用于传递选项对象给 `slot` 中的内容。
3. 在 `slot` 中添加自定义的渲染内容，通过 `option` 对象可以获取选项的各种信息，例如 `option.label` 获取选项的显示文本。
4. 在 `slot` 中添加样式来自定义选项的展示效果，例如修改背景色、字体颜色等。

下面是一个示例代码，展示了如何使用 `slot` 自定义多选模式下选项的展示效果：

<el-select v-model="selectedOptions" multiple>
  <template slot="multiple-label" slot-scope="{ option }">
    <span class="selected-option">{{ option.label }}</span>
  </template>
  <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
</el-select>

<!-- 在样式中添加以下代码，修改选项的展示效果 -->
<style>
  .selected-option {
    display: inline-block;
    padding: 5px;
    margin: 5px;
    background-color: #f5f5f5;
    color: #333;
    border-radius: 3px;
  }
</style>

上面的示例代码中，`<el-select>` 标签中添加了 `multiple` 属性，表示启用多选模式。在 `<el-select>` 中使用 `slot` 定义了多选模式下选项的展示效果，并通过 `slot-scope` 传递选项对象给 `slot` 中的内容。在 `<template>` 标签中添加了一个 `<span>` 元素，用于展示选项的文本内容，并且添加了样式来自定义选项的展示效果。

需要注意的是，以上代码中的样式只是一个示例，具体的样式可以根据实际需求进行修改。