el-select 多选如何隐藏删除icon

在Element UI库中的el-select组件中，如果你想隐藏默认的多选框（通常包含一个复选框和一个删除按钮）并仅保留下拉选项，可以使用自定义模板（custom template）。下面是一个简单的例子：

<template>
  <el-select v-model="selectedValues" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
      >
      <!-- 自定义内容 -->
      <span>{{ item.label }}</span>
      <!-- 如果你想完全移除删除按钮，可以使用 slot 并设置 display:none 或其他样式 -->
      <template #default="{ item }">
        <i v-if="!showDeleteIcon(item)" style="display: none"></i>
      </template>
    </el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValues: [],
      options: [
        // 你的选项...
      ],
      showDeleteIcon(item) {
        // 这里可以根据需要控制是否显示删除图标，如只对已选择的项展示
        return this.selectedValues.includes(item.value);
      },
    };
  },
};
</script>

在这个例子中，我们通过`v-if`指令判断当前选项是否应显示删除图标。你可以根据实际情况调整`showDeleteIcon`方法的逻辑。