更改时如何将键作为 v-for 的选择选项值传递(VueJS)
P粉916553895
P粉916553895 2023-11-17 08:55:24
0
1
841

我正在使用 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>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板