vue el-select 回显的时候v-mode的值在数组中没有时显示空

如果v-model的值在选项数组中不存在，那么在回显时会显示为空。这是因为v-model的值必须是选项数组中的一个有效值，否则无法匹配选项并显示。如果想要在v-model的值不在选项数组中时也显示一个默认值，可以使用以下方法：

使用computed属性来处理v-model的值，如果v-model的值不在选项数组中，则返回一个默认值。

<template>
  <el-select v-model="selected" :options="options">
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      options: ['A', 'B', 'C'],
      selected: 'D'
    }
  },
  computed: {
    computedSelected() {
      if (this.options.includes(this.selected)) {
        return this.selected
      } else {
        return this.options[0] // 默认选第一个
      }
    }
  }
}
</script>

在mounted钩子函数中检查v-model的值是否在选项数组中，如果不在则将其设置为默认值。

<template>
  <el-select v-model="selected" :options="options">
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      options: ['A', 'B', 'C'],
      selected: 'D'
    }
  },
  mounted() {
    if (!this.options.includes(this.selected)) {
      this.selected = this.options[0] // 默认选第一个
    }
  }
}
</script>
``