Element UI el-select 回显 v-model 绑定值，数据只显示 value，且 option 中不存在该 value 值

<template>
  <div>
    <el-select v-model="selectedValue" filterable :filter-method="filterMethod">
      <el-option v-for="option in options" :key="option.id" :label="option.label" :value="option.value"></el-option>
    </el-select>
  </div>
</template>
<script>
export default {
  data() {
    return {
      selectedValue: '',
      options: [
        { id: 1, label: 'Option 1', value: 'option1' },
        { id: 2, label: 'Option 2', value: 'option2' },
        { id: 3, label: 'Option 3', value: 'option3' }
      ]
    };
  },
  methods: {
    filterMethod(query, option) {
      return option.value.indexOf(query) > -1;
    }
  }
};
</script>
<p>在上面的示例中，我们使用<code>filterable</code>属性来启用搜索过滤功能，并使用<code>filter-method</code>方法来自定义过滤逻辑。当<code>v-model</code>绑定的值在<code>options</code>中不存在时，该值将无法匹配到任何选项，因此不会显示在下拉框中。但是，你仍然可以通过手动输入来回显绑定值。</p>