el-select中自界说 两组el-option,但是key不一样，而且点击需获取当前整个 ...

当el-select中只有一组el-option ， 获取点击的当前项的属性 ， el-select 绑定:value-key='id'
但是 当el-select中有两组el-option ,每组option的key不同等,如下代码所示

1. <el-select
2.                 v-model="sth"       
3.                 @change="choosee"
4.                  :value-key="getValueKey(sth)"
5.         >
6.         <template >
7.                                 <el-option
8.                                         v-for="item in FirstGroup"
9.                                         :key="item.id"
10.                                         :label="item.name"
11.                                         :value="item"
12.                                 />
13.                         </template>
14.         <template >
15.                                 <el-option
16.                                         v-for="item in SecondGroup"
17.                                         :key="item.optionId"
18.                                         :label="item.optionlabel"
19.                                         :value="item"
20.                                 />
21.                         </template>
22. </el-select>

复制代码

对value-key做处置处罚

1. const getValueKey = (value) =>{
2.         if (value?.optionId) return "optionId";
3.         return "id";  // 默认用 id
4.     }

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。