我正在使用 Vue 3
和 Bootstrap 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粉8484421852023-11-18 00:32:51
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>