vue.js - v-选择/Vue : How to enter value not in the list?

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