element-ui的回调函数Events的用法详解


Posted in Javascript onOctober 16, 2018

做轮播的时候想用这个change回调函数,但是官方文档上竟然就只列了这么一行东西,完全没有示例代码(也可能我没找到哈)

element-ui的回调函数Events的用法详解

鼓捣了半天,东拼西凑终于找到了靠谱的使用方法,其实很简单

在轮播组件上加上@change=“XXX”

比如

<el-carousel indicator-position="none" arrow="never" height="550px" style="width:1300px" @change="carouselChange">

@change就是官方定义的事件名称,XXX就是你自己定义的方法名,触发change事件时就会调用你定义的方法,

而方法中自己定义的参数key1和key2则对应官方定义的回调参数(目前激活的幻灯片的索引和原幻灯片的索引)

methods: {
  carouselChange: function(key1, key2) {
   console.log(key1 + ",,,*," + key2);
  }
 }

运行看下效果

element-ui的回调函数Events的用法详解

成功的触发了函数,并且获取到了两个回调参数

总结

以上所述是小编给大家介绍的element-ui的回调函数Events的用法详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript基础知识大集锦(二) 推荐收藏
Jan 13 Javascript
javascript中有趣的反柯里化深入分析
Dec 05 Javascript
JS小功能(onmouseover实现选择月份)实例代码
Nov 28 Javascript
通过Jquery的Ajax方法读取将table转换为Json
May 31 Javascript
JavaScript高级教程5.6之基本包装类型(详细)
Nov 23 Javascript
Javascript OOP之面向对象
Jul 31 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
JS和canvas实现俄罗斯方块
Mar 14 Javascript
vue项目打包后打开页面空白解决办法
Jun 29 Javascript
解决vue数组中对象属性变化页面不渲染问题
Aug 09 Javascript
如何检查一个对象是否为空
Apr 11 Javascript
jQuery中DOM操作原则实例分析
Aug 01 jQuery
基于vue-upload-component封装一个图片上传组件的示例
Oct 16 #Javascript
Postman的下载及安装教程详解
Oct 16 #Javascript
Vue.js 时间转换代码及时间戳转时间字符串
Oct 16 #Javascript
详解angular2如何手动点击特定元素上的点击事件
Oct 16 #Javascript
iView框架问题整理小结
Oct 16 #Javascript
详解多页应用 Webpack4 配置优化与踩坑记录
Oct 16 #Javascript
js拖动滑块和点击水波纹效果实例代码
Oct 16 #Javascript
You might like
JAVA/JSP学习系列之二
2006/10/09 PHP
ThinkPHP的cookie和session冲突造成Cookie不能使用的解决方法
2014/07/01 PHP
php实现批量压缩图片文件大小的脚本
2014/07/04 PHP
php创建session的方法实例详解
2015/01/27 PHP
ThinkPHP5&amp;5.1框架关联模型分页操作示例
2019/08/03 PHP
JavaScript面向对象之体会[总结]
2008/11/13 Javascript
jQuery下的几个你可能没用过的功能
2010/08/29 Javascript
javascript基本包装类型介绍
2015/04/10 Javascript
javascript实现图片延迟加载方法汇总(三种方法)
2015/08/27 Javascript
详解Webwork中Action 调用的方法
2016/02/02 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
2017/05/03 Javascript
利用require.js与angular搭建spa应用的方法实例
2017/07/19 Javascript
详解Vue用自定义指令完成一个下拉菜单(select组件)
2017/10/31 Javascript
JavaScript中Object基础内部方法图
2018/02/05 Javascript
angular4应用中输入的最小值和最大值的方法
2019/05/17 Javascript
JS Generator 函数的含义与用法实例总结
2020/04/08 Javascript
python zip文件 压缩
2008/12/24 Python
Python urlopen()函数 示例分享
2014/06/12 Python
Python字符串中查找子串小技巧
2015/04/10 Python
在Python中处理字符串之ljust()方法的使用简介
2015/05/19 Python
Python中对象迭代与反迭代的技巧总结
2016/09/17 Python
Python字符串格式化%s%d%f详解
2018/02/02 Python
python实现定时自动备份文件到其他主机的实例代码
2018/02/23 Python
Mac中PyCharm配置Anaconda环境的方法
2020/03/04 Python
AmazeUI 单选框和多选框的实现示例
2020/08/18 HTML / CSS
匡威英国官网:Converse英国
2018/12/02 全球购物
英国领先的名牌服装折扣零售商:Brown Bag Clothing
2019/01/08 全球购物
天逸系统(武汉)有限公司Java笔试题
2015/12/29 面试题
写一个函数返回1+2+3+…+n的值(假定结果不会超过长整型变量的范围)
2014/09/05 面试题
物业管理公司实习生自我鉴定
2013/09/19 职场文书
外国语学院毕业生自荐信
2013/10/28 职场文书
2014政务公开实施方案
2014/02/19 职场文书
家长会学生演讲稿
2014/04/26 职场文书
领导干部作风建设自查报告
2014/10/23 职场文书
倡议书的格式写法
2015/04/28 职场文书
Docker安装MySql8并远程访问的实现
2022/07/07 Servers