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/11190611.html

时间: 2024-10-22 16:59:28

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

实现Jquery触发一事件后,停留5秒,再接着触发下面的事件

这里是一个广告位的Jquery的代码,有两个不同的广告位,一个是中间浮动显示的,显示5秒后自动消失,并限定每天仅出现一次(Cookie实现): //=====================广告位的js===================== $(document).ready(function(){ //广告位中心浮动 5秒后自动消失或者点击关闭 $("#bannerFloatCenter").css("left",($(document).width()-25

用事件冒泡实现在div内点击,不触发事件,当在div外点击时才触发事件

讲解 http://caibaojian.com/javascript-stoppropagation-preventdefault.html 使用案例 在div内点击,不触发 一个事件,当在div外点击时才触发事件. 这比按钮节流和缓冲都要好的多 自己使用的是一个form控件中的输入不触发,当输入完点击其他地方时触发计算,将结果赋值给form中不可编辑的控件中. 具体代码: function div10_onClick(event) { //点击#Click时要阻止冒泡,否则.pop是不显示的

Redis集群~StackExchange.redis连接Sentinel服务器并订阅相关事件(原创)

回到目录 对于redis-sentinel我在之前的文章中已经说过,它是一个仲裁者,当主master挂了后,它将在所有slave服务器中进行选举,选举的原则当然可以看它的官方文章,这与我们使用者没有什么关系,而对于sentinel来说,它在进行主从切换时,会触发相关事件,这是和我们开发人员有关系的,如当+switch-master事件被触发时,说明当前Sentinal已经完成了一次主从的切换,并所有服务已经正常运转了. 下面是我这几天作的测试,对于Twemproxy代理和Sentinal哨兵都已

form的submit()方法不能触发onsubmit事件的解决方法,兼容各版本浏览器。

在处理表单提交的时候遇到一个问题,通常用<input type="submit" value="提交" />按钮来提交form,再监听form的onsubmit事件就能在前端处理表单验证的事情. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document<

初学java之触发响应事件举例子

设置一个触发响应事件? 比如消息框..... 1 package hello; 2 import javax.swing.*; 3 import project.readerListen; 4 import java.awt.*; 5 import java.awt.event.*; 6 class WindGrid extends JFrame{ 7 8 JTextField text; 9 ActionListener listener; 10 11 public WindGrid(Stri

以input=file方式,获取文件时,在IE下8无法通过某个按钮click事件间接触发input=file的change事件

最近在项目中遇到了许多上传问题,公司内部的组件,通过form上传,需要使用input=file触发选择文件, 因为input=file在各个浏览器中显示的样式是不同的,谷歌,火狐,IE都有所不同,而且不太美观,所以为了解决 这一个问题,一开始采用了隐藏input=file 然后通过一个显示的button间接触发input=file的click事件如下 <input type="file" id="upload" style="display:none

解决bootstrap两层模态框隐藏时的滚动异常

现象:两层模态框,在上层模态框隐藏后,底层模态框无法滚动?原因:模态框在打开的时候,会隐藏掉父标签的滚动条,关闭的时候会恢复回去,把滚动条加到父标签,所以,有两层模态框的时候,上层关闭时,一般会把滚动条加回body,导致底层模态框无法滚动?解决办法:在顶层模态框隐藏时,继续隐藏body的滚动条?代码: $("#frontModal").on("hidden.bs.modal",function(){ $('body').addClass('modal-open')

点击删除时弹出是否删除提示框

点击删除时弹出是否删除提示框:在通常情况下,想要点击删除某一项的时候,一般会弹出一个框,以提示操作者是否真的要删除此项,这样可以免于出现误操作,比较人性化的一个举措,下面就简单介绍一下如何实现此效果.实例代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.soft

[转]jQuery 双击事件(dblclick)时,不触发单击事件(click)

例1: 链接:http://www.w3school.com.cn/jquery/event_dblclick.asp HTML 系列教程 浏览器脚本 服务器脚本 ASP.NET 教程 XML 系列教程 Web Services 系列教程 建站手册 jQuery 教程 jQuery 教程 jQuery 简介 jQuery 安装 jQuery 语法 jQuery 选择器 jQuery 事件 jQuery 效果 jQuery 隐藏/显示 jQuery 淡入淡出 jQuery 滑动 jQuery 动画