vue.js - v-select/Vue：如何输入不在列表中的值？

Question

我正在尝试找到一种方法来使用以前不在列表中的 v-select 添加新值。这样输入的新值将成为选定的选项。

这是我当前的代码：

        <v-select
          ref="systemSelect"
          v-model="reservation.system"
          name="system"
          label="Select System"
          :disabled="isBusy"
          :options="systems"
          @input="getSystems"
        />

在 UI 中，组件看起来像这样。这里我只使用 Vuex 来获取:options. 目前，如果我输入一个新值并在外部单击该值会消失，因为它在列表中找不到

预期：想要输入一个新值并将该值用作表单中的当前值并保存。有没有办法做到这一点？

任何帮助，将不胜感激。
谢谢！

Answer 1

如果你使用 vue select，你可以使用属性 taggable 和 multiple 来推送你自己的选项：

<v-select taggable multiple />

请参阅此链接：

https://vue-select.org/guide/values.html#tagging