Combobox Vuetify组合框值设置

我使用了vuetify v-select，但只是更改为v-combobox。价值观存在问题。对于v-select，它是

[{
"text":"(NEC (1)) NEC work orders",
"value":"26729191407887178"
}]

在我切换到v-combobox后，它将显示“26729191407887178”。是否可以在v形组合框中显示

（NEC（1））NEC工单

<v-combobox
    v-model="pwra.pwra_code"
    label="Pwra Code"
    :items="pwraCodeList"
    dense
    outlined
    :hide-details="true"
    :rules="[rules.required]"
></v-combobox>

---

您需要的是使用

项目文本。只需将它指向文本键

<v-combobox
    v-model="pwra.pwra_code"
    label="Pwra Code"
    :items="pwraCodeList"
    item-text="text"
    dense
    outlined
    :hide-details="true"
    :rules="[rules.required]"
></v-combobox>



dreamwalker所说的是正确的-它只是一个扩展的v-select。
您可以将
的
返回对象
设置为
false
，然后生成一个计算变量（在本例中，它的
pwraCode
），在
pwraCodeList
数组中查找代码并返回它。如果找不到，只需返回键入的输入字符串



//脚本
数据：（）=>({
pwra：{
pwra_代码：“26729191407887178”
},
pwraCodeList:[…]
}),
计算：{
pwraCode：{
get:function（）{
//如果代码存在，请查找它，否则只返回键入的输入
const code=this.pwraCodeList.find(
code=>code.value==this.pwra.pwra_代码
);
返回代码| | this.pwra.pwra| u代码；
},
设置：函数（值）{
this.pwra.pwra_代码=值；
}
}
}

以下是一个演示：

v-combobox
只是一个扩展了
v-select
的组件，所以它应该以同样的方式处理数据。您能否在CodePen上发布整个组件或创建一个可复制的示例？您使用的是哪个
vuetify
版本？Vue 2.6.11和vuetify 2.3.10似乎运行良好。我相信
项值
目前无法与v-combobox配合使用。见文件。上面写着“注意：v-combobox目前不支持此功能”@Blackraspberryyy谢谢你说得对combobox只返回一个对象。非常感谢！这就是我想要的！