Question

我在一个字段中可以输入多个值。

我为此使用了一个组合框。（请参阅https://codepen.io/anon/pen/oQqzbL?editors=1011）。

<v-combobox
  v-model="model"  
  hide-selected
  label="Add some text"
  multiple
  small-chips>
</v-combobox>

使用

data: () => ({model: ['abc','cba']})

我的问题是我想允许重复的值。在此示例中，无法使用组合框添加新的“ abc”值进行建模。

是否可以使用组合框来做到这一点？如何创建一个具有多个允许重复的值的字段？

谢谢

Answer 1

在组合框中这样做

<v-combobox
  :items="items"
  item-text="name"
  item-value="id"
</v-combobox>

并在您的脚本中尝试

data: function () {
  return {
    select: null,
    items: [{'name': 'John', 'id': 1},
            {'name': 'Cindy', 'id': 2}
            {'name': 'Cindy', 'id': 3}]
  }
},

您需要使用对象列表，而不是简单地使用字符串列表。这样，您就可以区分标签和每个项目的值，Vue会接受。

Vuetify允许在字段中重复值

1 个答案: