elementui select 选不中值

你可以尝试以下几个步骤来解决element-ui的select选不中值的问题：

1. 确保你的option的value值与v-model绑定的值一致。例如：

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

这里的selectedValue应该与option的value值一致。

2. 检查是否有其他地方修改了v-model绑定的值。在Vue中，v-model是双向绑定的，如果在其他地方改变了v-model绑定的值，可能会导致select选中值不正确。

3. 确保你的options数组中存在对应的选项。可以在控制台打印出options数组，检查是否包含了所有的选项。

如果以上步骤都没有解决问题，你可以提供更多的代码和错误信息，以便我能够更好地帮助你解决问题。

相关问题

elementui select clear事件怎么拿到删除之前的值

Element UI 的 `el-select` 组件提供了 `clearable` 属性，可以使得下拉框右侧出现一个清空按钮。你可以通过监听 `clear` 事件来获取点击清空按钮之前的选中值。

具体来说，你可以在 `el-select` 上添加 `@clear` 监听器，然后在监听器中使用 `this.$refs.select.clearSingleSelect()` 方法来清空选中值，并且在此方法之前获取选中值。代码示例如下：

<template>
  <el-select v-model="selectedValue" ref="select" clearable @clear="handleClear">
    <!-- 下拉框选项 -->
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '', // 下拉框绑定的变量
    }
  },
  methods: {
    handleClear() {
      const oldValue = this.selectedValue; // 获取删除之前的选中值
      this.$refs.select.clearSingleSelect(); // 清空选中值
      console.log(oldValue); // 输出删除之前的选中值
    },
  },
};
</script>

这样，在点击清空按钮之前，`handleClear` 方法会先获取选中值，然后通过 `clearSingleSelect` 方法清空选中值。你可以在 `handleClear` 方法中使用 `oldValue` 来获取删除之前的选中值。

Vue+ElementUI el-select选择器：绑定的值为对象

在使用 ElementUI 的 el-select 选择器时，如果绑定的值为对象，你需要在使用 v-model 指令绑定数据时，同时设置 :value 和 v-model 指令。其中 :value 指令用于指定选项中值的对应关系，v-model 指令用于指定当前选中项的值。

例如，如果你的选项数组为 options，值为 { id: 1, name: 'Option 1' }，那么你可以这样设置：

<el-select v-model="selectedOption" :value="'id'" placeholder="请选择">
  <el-option v-for="option in options" :key="option.id" :label="option.name" :value="option"></el-option>
</el-select>

这样选中的option 就是个对象。而不是对象的 id。