el-selecct的多选如何禁止删除

在Element UI的el-select组件中，如果你想禁用多选模式下的删除选项功能，可以设置`clearable`属性为`false`。例如：

<template>
  <el-select v-model="selectedValues" placeholder="请选择" clearable="false">
    <el-option
      v-for="(item, index) in options"
      :key="index"
      :label="item.label"
      :value="item.value"
    ></el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValues: [], // 初始化选中的值
      options: [
        // 你的选项数组
      ],
    };
  },
};
</script>

通过设置`clearable`为`false`，用户将无法清除已选择的选项。如果需要在特定条件下控制这个功能，可以在methods中添加一个方法，然后监听`input`事件，检查是否满足条件再允许清空。

methods: {
  allowClear(inputValue) {
    // 这里可以根据 inputValue 的状态或其他业务规则判断是否允许清空
    if (/* 判断条件 */) {
      return true;
    } else {
      return false;
    }
  },
},
watch: {
  selectedValues(newValues, oldValue) {
    this.$refs.select.clearable = this.allowClear(newValues);
  },
},