我正在尝试找到一种方法来使用以前不在列表中的 v-select 添加新值。这样输入的新值就会成为选中的选项。
这是我当前的代码:
<v-select
ref="systemSelect"
v-model="reservation.system"
name="system"
label="Select System"
:disabled="isBusy"
:options="systems"
@input="getSystems"
/>
在 UI 中,组件如下所示。这里我只使用 Vuex 来获取 :options
。目前,如果我输入一个新值并在外部单击,该值就会消失,因为它在列表中找不到
预期:想要输入一个新值并将此值用作表单中的当前值并保存。有办法实现吗?
如有任何帮助,我们将不胜感激。
谢谢!
最佳答案
如果您使用的是 vue select,则可以使用 taggable 和 multiple 属性来推送您自己的选项:
<v-select taggable multiple />
查看此链接:
关于vue.js - v-选择/Vue : How to enter value not in the list?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56549184/