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 相关文章推荐
一些易混淆且不常用的属性,希望有用
Jan 29 Javascript
JavaScript 事件属性绑定带参数的函数
Mar 13 Javascript
javascript object array方法使用详解
Dec 03 Javascript
JavaScript中instanceof运算符的用法总结
Nov 19 Javascript
JQuery中阻止事件冒泡几种方式及其区别介绍
Jan 15 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
Jan 25 Javascript
分享自己用JS做的扫雷小游戏
Feb 17 Javascript
微信小程序模板之分页滑动栏
Feb 10 Javascript
基于HTML5+JS实现本地图片裁剪并上传功能
Mar 24 Javascript
Angularjs 动态添加指令并绑定事件的方法
Apr 13 Javascript
vue项目中仿element-ui弹框效果的实例代码
Apr 22 Javascript
微信小程序iBeacon测距及稳定程序的实现解析
Jul 31 Javascript
基于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
基于mysql的bbs设计(一)
2006/10/09 PHP
php学习之 数组声明
2011/06/09 PHP
PHP遍历数组的三种方法及效率对比分析
2015/02/12 PHP
PHP Reflection API详解
2015/05/12 PHP
Ecshop 后台添加新功能栏目及管理权限设置教程
2017/11/21 PHP
PHP基于phpqrcode类生成二维码的方法示例详解
2020/08/07 PHP
js中的cookie的读写操作示例详解
2014/04/17 Javascript
javascript实现2048游戏示例
2014/05/04 Javascript
JavaScript学习笔记之定时器
2015/01/22 Javascript
node.js 使用ejs模板引擎时后缀换成.html
2015/04/22 Javascript
js实现带缓冲效果的仿QQ面板折叠菜单代码
2015/09/06 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
2015/11/29 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
2016/05/15 Javascript
jQuery内存泄露解决办法
2016/12/13 Javascript
Vue Element使用icon图标教程详解(第三方)
2018/02/07 Javascript
JS中利用FileReader实现上传图片前本地预览功能
2018/03/02 Javascript
vue新vue-cli3环境配置和模拟json数据的实例
2018/09/19 Javascript
[58:00]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第二场 2月7日
2021/03/11 DOTA
Python安装Imaging报错:The _imaging C module is not installed问题解决方法
2014/08/22 Python
django 开发忘记密码通过邮箱找回功能示例
2018/04/17 Python
Opencv+Python 色彩通道拆分及合并的示例
2018/12/08 Python
python 实现得到当前时间偏移day天后的日期方法
2018/12/31 Python
在Python运行时动态查看进程内部信息的方法
2019/02/22 Python
opencv 形态学变换(开运算,闭运算,梯度运算)
2020/07/07 Python
SpringBoot首页设置解析(推荐)
2021/02/11 Python
详解CSS3中border-image的使用
2015/07/18 HTML / CSS
HTML5中drawImage用法分析
2014/12/01 HTML / CSS
北美女性服装零售连锁店:maurices
2019/06/12 全球购物
《夹竹桃》教学反思
2014/04/20 职场文书
王力宏牛津大学演讲稿
2014/05/22 职场文书
《改造我们的学习》心得体会
2014/11/07 职场文书
本溪水洞导游词
2015/02/11 职场文书
六一儿童节致辞稿(3篇)
2019/07/11 职场文书
广告文案的撰写技巧(实用干货)
2019/08/23 职场文书
国产动画《万圣街》日语配音版制作决定!
2022/03/20 国漫