更改時如何將鍵作為 v-for 的選擇選項值傳遞(VueJS)
P粉916553895
P粉916553895 2023-11-17 08:55:24
0
1
833

我正在使用 Vue 3Bootstrap 5

我有一個 select 有多個選項。現在我正在顯示我的 option.TEXT ,當我更改某些內容時,這個 value 也會傳遞到我的方法。但當我更改某些內容時,我想傳遞 key (option.ID)

但我也希望我的 v-model 成為我的 option.ID 但顯示我的 option.TEXT

如何在不檢查方法本身的情況下實現這一目標。

選擇:

<select class="form-select" v-model="value" @change="get_key()">
    <option v-for="option in options" :key="option.ID">
        {{ option.TEXT }}
    </option>
</select>

選項陣列:

#
[
  {  "ID": 1,
     "TEXT": "One"
  },
  {  "ID": 2,
     "TEXT": "Two"
  },
  {  "ID": 3,
     "TEXT": "Three"
  },
]


#
P粉916553895
P粉916553895

全部回覆(1)
P粉848442185

option 屬性值應綁定到 option.ID

<select class="form-select" v-model="value" @change="get_key()">
    <option v-for="option in options" :key="option.ID" :value="option.ID">
        {{ option.TEXT }}
    </option>
</select>
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板