Bagaimana untuk menghantar kunci sebagai nilai pilihan pilih dalam v-for apabila diubah (VueJS)

Question

Saya menggunakan Vue 3 和 Bootstrap 5.

Saya ada select 有多个选项。现在我正在显示我的 option.TEXT ，当我更改某些内容时，这个 value 也将被传递到我的方法中。但当我更改某些内容时，我想传递 key (option.ID) .

Tetapi saya juga mahukan milik saya v-model 成为我的 option.ID 但显示我的 option.TEXT.

Bagaimana untuk mencapai ini tanpa memeriksa kaedah itu sendiri.

Pilih:

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

Tatasusunan pilihan:

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

Answer 1

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>