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

原创 2018年04月16日 13:34:25
今天做项目时,用elementUI框架,需要下拉框隐藏时出发某个函数,用了visible-change这个函数,发现点击时会触发两次我自己定义的函数,看了下官网的解释 :下拉框出现/隐藏时触发   如果只想在下拉框隐藏时触发该怎么做呢?下面是解决办法:
官网定义:

Select Events

事件名称说明回调参数
change选中值发生变化时触发目前的选中值
visible-change下拉框出现/隐藏时触发出现则为 true,隐藏则为 false
remove-tag多选模式下移除tag时触发移除的tag值
clear可清空的单选模式下用户点击清空按钮时触发
blur当 input 失去焦点时触发(event: Event)
focus当 input 获得焦点时触发(event: Event)
@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);
        }
    }
},
这样就解决了这个函数会默认调用两次你自己定义函数的问题
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/CarryBest/article/details/79959389

element-ui中下拉菜单子选项click事件不触发问题

将@click改为@click.native='logoutHandle';即可监听选项的点击事件。 ...
  • nongweiyilady
  • nongweiyilady
  • 2018-02-05 17:14:40
  • 670

element UI下拉触发方式

导航下拉出发方式 面板&nbsp;&nbsp;
  • github_37847992
  • github_37847992
  • 2017-09-20 09:58:12
  • 3204

关于select下拉框选择触发事件

最近项目根据需要
  • wujiangwei567
  • wujiangwei567
  • 2014-09-17 22:15:58
  • 30377

Excel下拉框联动中的事件

联动自己百度 Private Sub Worksheet_Change(ByVal Target As Range)     Dim Rng As Range     If Target.Ro...
  • Cha0DD
  • Cha0DD
  • 2016-09-30 22:12:55
  • 453

VB做外挂中触发Combo框的选项改变事件

某个外挂中,需要做一件事,改变其选项并触发其事件。我用CB_SETCURSEL可以实现改变其选项了,然而并不能触发其Change事件。后来又加了WM_COMMAND, CBN_SELCHANGE消息,...
  • asanscape
  • asanscape
  • 2016-07-03 16:21:29
  • 1357

下拉框选中一个选项后 触发事件

function GaiBian(osel){ if(osel.options[osel.selectedIndex].text==1){alert(11);}     }   //-->     ...
  • u011447828
  • u011447828
  • 2015-08-12 09:16:45
  • 9137

滚动条下拉触发事件

如果想要使下拉滚动条到底部的时候就触发事件,可以这样写: 返回顶部的按钮除了用css添加锚点外,还可以使用JS这样写:...
  • Byte_Dance
  • Byte_Dance
  • 2017-12-23 14:21:23
  • 163

下拉框(ComboBox)数据绑定时触发SelectedIndexChanged事件的初步解决

        RemoveHandler cbbGrade_id.SelectedIndexChanged, AddressOf cbbGrade_id_SelectedIndexChanged  ...
  • profox
  • profox
  • 2007-01-27 10:28:00
  • 1303

Select下拉框动态获取数据,并触发事件

做项目中遇到了Select动态获取数据,并当选中Select某个下拉框的时候,获取数据的ID,触发事件 在页面中很简单的几行代码: 队列: 对与下拉框中的数据,初始化的时候显示出来:...
  • jsqfengbao
  • jsqfengbao
  • 2015-05-28 15:47:41
  • 13558
收藏助手
不良信息举报
您举报文章:elementUI 下拉框隐藏时触发相关事件(下拉框下拉显示时不触发)
举报原因:
原因补充:

(最多只允许输入30个字)