elementui 获取下拉框中文名字

Posted 2023-04-04

参考技术A 具体如下：
el-select 添加value-key=‘id’，value-key作为 value 唯一标识的键名，绑定值为对象类型时必填el-option :value赋值为item。
Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助网站快速成型。

elementUI 下拉框隐藏时触发相关事件（下拉框下拉显示时不触发）

原文：https://blog.csdn.net/CarryBest/article/details/79959389

今天做项目时，用elementUI框架，需要下拉框隐藏时出发某个函数，用了visible-change这个函数，发现点击时会触发两次我自己定义的函数，看了下官网的解释 ：下拉框出现/隐藏时触发   如果只想在下拉框隐藏时触发该怎么做呢?下面是解决办法：
官网定义：
Select Events

 

@visible-change 函数里面传递两个参数（第一个为回调参数，第二个为自己定义的参数）

前台页面：

<el-select v-model="AREACODE" placeholder="请选择" clearable @visible-change="changeValue1($event,AREACODE)"> <el-option v-for="item in AreaOptions" :key="item.AREACODE" :label="item.NAME" :value="item.AREACODE"> </el-option></el-select>

JS:

changeValue1:function(callback,vc) //只有回调参数为false时才触发 ctx.getAreaListDataSearch(vc,1)这个函数;
console.log("回调参数"+callback);
if(!callback)
var ctx = this;
ctx.AREACODE2=‘请选择‘;
if(vc!="")
ctx.show2 = true;
ctx.getAreaListDataSearch(vc,1);


,

　　

这样就解决了这个函数会默认调用两次你自己定义函数的问题