Vuetify v-autocomplete v-text显示完整的对象而不是文本。
这是密码。
data() {
return {
people: [
{ name: "test1", value: 1 },
{ name: "test2", value: 2 },
]
};
},
组件
<v-autocomplete
v-model="friends"
:disabled="isUpdating"
:items="people"
item-text="name"
item-value="id"
@change="changed"
filled
chips
color="blue-grey lighten-2"
label="Participants"
multiple
>
有帮助吗?提前感谢。
2条答案
按热度按时间xiozqbni1#
根据所提供的信息,您所拥有的似乎没有任何问题。但是,如果您在v-autocomplete选项卡中使用v-autocomplete的
#item
插槽,则可能是问题的根源。在你的v-autocomplete组件中有这样一个块会导致你描述的问题:
k5ifujac2#
您的代码可以正常工作,请仔细检查演示:
https://codesandbox.io/s/vuetify-example-sandbox-forked-9ys2tw?file=/src/components/TestComponent.vue
您也可以尝试其他选项,如:
将item-text更改为: