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