更改时如何从 v-for 传递密钥（VueJS）答案

【问题标题】：how to pass the key from v-for when changed (VueJS)更改时如何从 v-for 传递密钥（VueJS）
【发布时间】：2022-08-18 16:45:23
【问题描述】：

我正在使用Vue 3 和Bootstrap 5。

我有一个select 有多个选项。现在我正在显示我的option.TEXT，当我更改某些内容时，这个value 也将被传递到我的方法中。但我想通过key（选项.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\"
  },
]

标签： javascript vue.js select vuejs3

【解决方案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>

【讨论】：

你是最好的 - 如此简单，非常感谢你！！