步骤：

举例：select数据格式为：

options: [
	{
     value: '1',
     label: '黄金糕'
    }, 
    {
     value: '2',
     label: '双皮奶'
    }
 ]

一：label的获取
1.定义事件

<el-select v-model="form.receivePaymentCustomerId" placeholder="请选择" size="small" filterable @change="customerChange">
   <el-option v-for="(item, index) in customerOptions" :key="index" :label="item.label" :value="item.value" style="width:182px" />
</el-select>

2.事件中做循环处理

customerChange(id) {
     const thisLabel = this.customerOptions.find(item => item.value === id).label
     console.log(`label----->`, thisLabel) //label-----> 国风
},

如图：
在这里插入图片描述
二：value的获取
value的获取很简单：

console.log(`value----->`,this.form.receivePaymentCustomerId) //value----->505177042653202
由此可以得出：el-select筛选框展示label，取值value

在这里插入图片描述

# vue.js # elementui # javascript
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

【openGauss】基于图形化的关系型数据库管理工具的使用

avatar 华为开发者空间
cover

华为云码道商用新版本发布，聚焦企业级开发让AI真正融入存量项目

avatar 华为开发者空间

【公共云三十问 之三】公共云被赋予了怎样的战略定位？

分布式云架构以多级协同统筹智能普惠、敏捷创新与安全合规，为金融、政务、能源等关键基础设施领域提供理想的上云基座，从而有力推动智能经济在“善政、惠民、兴业”中全面落地，将切实保障国家“公共云”战略高效推进。正因如此，国家围绕顶层规划、发展路径和应用落地持续完善政策部署，推动人工智能、算力设施、数据要素和公共云的协同发展。，既是夯实数字基础设施底座的必然要求，也是培育新质生产力、构筑国家竞争新优势的关

avatar 华为开发者空间