vue+elementUI el-select 中 没有加clearable出现一个或者多个×清除图标问题

在Vue中使用Element UI的el-select组件时，如果出现多个或一个未预期的清除图标（即“×”），通常是由于以下原因造成的：

1. 多个清除图标：可能是因为el-select组件的v-model绑定了一个非字符串或非数组类型的值，导致Element UI无法正确判断是否有值被清除。
2. 未预期的清除图标：可能是因为clearable属性没有正确设置或者在某些特定的情况下没有正确渲染。

解决方法：

1. 确保el-select的v-model绑定的是一个字符串或数组类型的值，这样才能正确地显示清除图标。
2. 如果clearable属性设置为true且图标未显示，尝试检查是否有CSS样式影响了其显示，或者检查是否有其他Vue指令或组件影响了el-select的渲染。
3. 如果问题依然存在，可以尝试重新安装Element UI或更新至最新版本，以排除是组件本身的bug导致的问题。

示例代码：

<template>
  <el-select v-model="selectedValue" clearable placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>
 
<script>
export default {
  data() {
    return {
      selectedValue: '', // 确保是字符串或数组类型
      options: [
        { value: 'option1', label: '选项1' },
        { value: 'option2', label: '选项2' }
      ]
    };
  }
};
</script>

以上代码中，selectedValue应该是字符串或数组类型，这样才能确保当有值被选中时，清除图标能正确显示；当没有值被选中时，清除图标能正确隐藏。如果selectedValue是对象或其他类型，可能会导致这种问题。