Vuejs Select Dropdown 编写一个不存在的选项使选定值为空

Question

我正在尝试使用 VueJs Select 组件 (https://vue-select.org)，但我想要实现的是让用户在输入字段上编写一个不在呈现的默认选项上的选项。

当我写入文本字段时，它没有显示任何结果，并且所选选项的处理程序告诉我该值为 null，这是为什么呢？

这是我的 v-select：

<v-select :options="sortingOptions" v-model="sortingDefinition" taggable @input="setSelected" :multiple="false"></v-select> 

我将 taggable 作为属性传递，因为它在文档中说明了以下内容：

要允许选项中不存在的输入，请将 taggable 属性设置为 true。 (https://vue-select.org/guide/values.html#tagging)

然后当我开始输入内容并结束时，然后将焦点停止在输入（下拉）字段上，我输入的新值不会触发以下功能，为什么？

setSelected(value){
        console.log('value: ', value);
},

有什么想法吗？ 谢谢

Answer 1

我必须在输入我想要的选项后按 Enter，不知道这个，我认为失去焦点就足够了。