el-select多选时，在el-select上用el-toolip悬浮展示所有选定的值

在Element UI（简称El-Elect）的select组件中，当需要在用户进行多选操作时，可以结合`el-tooltip`来实现选项被选择时显示其值的功能。以下是一个简单的示例：

首先，你需要在HTML结构中添加`el-select`和`el-tooltip`元素，并关联它们：

<template>
  <el-select v-model="selectedValues" multiple @change="handleSelectChange">
    <!-- ...省略select选项列表... -->
  </el-select>

  <el-tooltip :content.sync="selectedOptionsContent" placement="bottom">
    <span class="tooltip-span">{{ selectedOptionsContent }}</span>
  </el-tooltip>
</template>

然后，在Vue组件中定义数据，如`selectedValues`用于存储当前选中的值，`selectedOptionsContent`用于绑定tooltip的内容：

export default {
  data() {
    return {
      selectedValues: [],
      selectedOptionsContent: '',
    };
  },
  methods: {
    handleSelectChange(values) {
      this.selectedValues = values;
      // 构建tooltip内容，这里假设每个选项都有一个value属性
      const optionsContent = values.map(item => item.value).join(', ');
      this.selectedOptionsContent = optionsContent; // 将内容同步给tooltip
    },
  },
};

当用户从`el-select`中选择或取消选择项时，`handleSelectChange`方法会被触发，更新`selectedValues`并相应地更新`selectedOptionsContent`。

注意，这里的`sync`关键字用于实时同步`selectedOptionsContent`，确保它总是反映最新的选中值。