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
>
有什么幫助嗎？提前致謝。
uj5u.com熱心網友回復：
根據提供的資訊，您所擁有的似乎沒有任何問題。但是，如果您在#itemv-autocomplete 選項卡中使用 v-autocomplete 的插槽，那么這可能是問題的根源。
在您的 v-autocomplete 組件中有這樣的塊會導致您描述的問題：
<v-autocomplete ...>
<template v-slot:item="data">
{{ data }}
</template>
</v-autocomplete>
uj5u.com熱心網友回復：
您的代碼可以正常作業，請仔細檢查演示：
https://codesandbox.io/s/vuetify-example-sandbox-forked-9ys2tw?file=/src/components/TestComponent.vue
您還可以嘗試其他選項，例如：
將專案文本更改為：
item-text="item => item.name"
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/507932.html
標籤：javascript Vue.js Vuetify.js