灌篮少年 发表于 4 天前

el-select中自界说 两组el-option,但是key不一样,而且点击需获取当前整个项的所有属性

当el-select中只有一组el-option , 获取点击的当前项的属性 , el-select 绑定:value-key='id'
但是 当el-select中有两组el-option ,每组option的key不同等,如下代码所示
<el-select
                v-model="sth"       
                @change="choosee"
               :value-key="getValueKey(sth)"
        >
        <template >
                                <el-option
                                        v-for="item in FirstGroup"
                                        :key="item.id"
                                        :label="item.name"
                                        :value="item"
                                />
                        </template>
        <template >
                                <el-option
                                        v-for="item in SecondGroup"
                                        :key="item.optionId"
                                        :label="item.optionlabel"
                                        :value="item"
                                />
                        </template>
</el-select> 对value-key做处置处罚
const getValueKey = (value) =>{
      if (value?.optionId) return "optionId";
      return "id";// 默认用 id
    }

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: el-select中自界说 两组el-option,但是key不一样,而且点击需获取当前整个项的所有属性