前端el-select change事件,重复选择某个值不会触发change怎么改为每次都要触发

在Element UI的`<el-select>`组件中，如果你不希望用户重复选择相同的值时自动触发`change`事件，可以自定义处理`change`事件，并添加额外的条件判断。首先，在`change`事件处理器中，你可以检查当前选中的值是否已经存在于已选择的选项中，如果存在则阻止默认行为并防止改变。例如：

<template>
  <el-select v-model="selectedValue" @change="handleSelectChange">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"/>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
      options: [...], // 你的option列表
    };
  },
  methods: {
    handleSelectChange(value) {
      if (this.selectedOptions.includes(value)) { // 如果新选择的值已经在selectedOptions中
        console.log('不允许重复选择');
        event.preventDefault(); // 阻止原生的change事件
      } else {
        this.selectedOptions.push(value); // 更新已选择的值
        console.log('新的选择:', value);
      }
    },
    // 假设你有一个数组来存储已选择的值
    selectedOptions: [],
  },
};
</script>

在这个例子中，`selectedOptions`用于存储用户已选择的值。每当`change`事件触发时，会先检查新选择的值是否已在数组中，如果在，则阻止事件传播并输出提示。