可以在 Vuetify 中使用 "item-text" 上的 属性 数组吗？

Question

 <v-autocomplete
   v-model="friends"
   :disabled="isUpdating"
   :items="people"
   label="Select"
   item-text="name" <!-- use here Array ['name', 'id', 'value'] -->
   item-value="name"
  >

可以在 Vuetify 的“文本项”上使用 属性 数组吗？

Answer 1

如文档所述，是的，您也可以使用数组。

https://vuetifyjs.com/en/api/v-autocomplete/#props

Answer 2

像这样使用插槽：

<v-autocomplete
   v-model="friends"
   :disabled="isUpdating"
   :items="people"
   label="Select"
   item-value="name"
  >
 <template v-slot:item="{ item }">
   {{item.name}}-{{item.id}}-{{item.value}}
 </template>
</v-autocomplete>

Answer 3

你可以找个时间试试 :

:item-text="item => `${item.name} - ${item.id} - ${item.value}`"