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);
}
}
},

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

转载于:https://www.cnblogs.com/robinunix/p/11190612.html

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

elementUI 下拉框实现隐藏时触发相关事件
el-select 下拉框隐藏时触发相关事件 =>@visible-change 设置额外的class,=> popper-class @visible-change="chan ...
table高度改变时触发什么事件_（立下flag）每日10道前端面试题11 关于事件十问...
第一问:请介绍下事件模型目前共有三种事件模型,它们分别是: DOM0 级事件模型.IE 事件模型.DOM2 级事件模型 DOM0 级事件模型又称原始事件模型,有两种方式,最直观的提下如下代码: / ...
js触发onclick事件获取文本框中的值value
1.首先我们创建一到两个文本框 ,使用 <input >标签 用户名: <inp ...
html 点击文本框则选中,JS事件内容选中事件（onselect）选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序就会被执行。...
内容选中事件(onselect) 选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行. 如下代码,当选中用户文本框内的文字时,触发onselect 事件, ...
Redis集群~StackExchange.redis连接Sentinel服务器并订阅相关事件
对于redis-sentinel我在之前的文章中Redis集群~StackExchange.redis连接Twemproxy代理服务器已经说过,它是一个仲裁者,当主master挂了后,它将在所有sl ...
DropDownList控件不触发SelectedIndexChanged事件（转）
DropDownList控件不触发SelectedIndexChanged事件(转) 相信DropDownList 控件不能触发SelectedIndexChanged 原因以下几种: 1.DropD ...
jQuery基础教程之如何注册以及触发自定义事件
在不知道jquery中可以注册自定义事件之前,经常看到很多牛人写的插件中,有用到: bind("originevent",function(){-}); 由于当时不知道jquery ...
input 中文输入法额外触发change事件问题
用ant mobile input 组件实现下面输入提示,提示添加click事件,input 添加change事件. 预期:点击提示项的时候,预期是只触发click事件. 实际:英文输入法正常,只触发 ...
android 点击事件两次,Android 按钮点击两次触发不同的事件
标题:Android 按钮点击两次触发不同的事件方案:采用flag标记的方式,每次单击标记为0,再次点击判断flag的值 package com.ldl.ui; import android.app ...
php onmouse,html在鼠标按钮在元素上按下时触发的事件属性onmousedown
实例当在段落上按下鼠标按钮时执行一段 JavaScript: 请点击此文本! 浏览器支持 IE Firefox Chrome Safari Opera 所有主流浏览器都支持 onmousedown ...

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

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

最新文章

热门文章