我有這段代碼真的讓我很困惑。我正在使用帶有 vue (vuetify) 的打字稿，而且我對打字稿還是很陌生。
我有一組物件，我想將它們作為專案加載到 vuetify 組合框中。
Array =[
{
subject: 'science',
difficulty: 'medium'
}
{
subject: 'math',
difficulty: 'hard'
}]
將主題作為下拉串列中可見的主題，難度將隱藏在組合框后面的值
我知道它需要看起來像這樣
items: [
{ text: 'science', value: 'medium' },
{ text: 'math', value: 'hard' }];
所以我可以像這樣將它加載到 v-combobox 上
<v-combobox :items="items" />
誰能幫助我如何實作這一目標？非常感激！
uj5u.com熱心網友回復：
我不明白您的問題，但典型的組合框應如下所示：（
將 selectedItem 定義為資料中的空陣列并呼叫 this.selectedItem.text）
<v-combobox
v-model="selectedItem"
:items="items"
item-value="value"
item-text="text"
:return-object="true"
label="Select an item.."
outlined
clearable
>
</v-combobox>
uj5u.com熱心網友回復：
是的，對于加載陣列的內容，您設定了 items 道具以及像 @Aurora 那樣的 item-value 和 item-text 道具。因為你是一個物件陣列，組件需要知道值和顯示欄位是什么。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/328707.html
標籤：数组 打字稿 目的 组合框 vuetify.js