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 相关文章推荐
Jquery动态添加及删除页面节点元素示例代码
Jun 16 Javascript
JQuery 在线引用及测试引用是否成功
Jun 24 Javascript
js+jquery常用知识点汇总
Mar 03 Javascript
解决node-webkit 不支持html5播放mp4视频的方法
Mar 11 Javascript
JS给Textarea文本框添加行号的方法
Aug 20 Javascript
jquery实现横向图片轮播特效代码分享
Nov 19 Javascript
jquery解析XML及获取XML节点名称的实现代码
May 18 Javascript
JS触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器
Oct 30 Javascript
基于vue-cli配置lib-flexible + rem实现移动端自适应
Dec 26 Javascript
js判断节假日实例代码
Dec 27 Javascript
vue todo-list组件发布到npm上的方法
Apr 04 Javascript
Vue+element-ui 实现表格的分页功能示例
Aug 18 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
PHP 创建文件(文件夹)以及目录操作代码
2010/03/04 PHP
php中文字符串截取多种方法汇总
2016/10/06 PHP
php实现生成code128条形码的方法详解
2017/07/19 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
PHP实现的服务器一致性hash分布算法示例
2018/08/09 PHP
IE DOM实现存在的部分问题及解决方法
2009/07/25 Javascript
jQuery中setTimeout的几种使用方法小结
2013/04/07 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
2013/05/19 Javascript
js简单实现HTML标签Select联动带跳转
2013/10/23 Javascript
jQuery中:password选择器用法实例
2015/01/03 Javascript
JavaScript页面模板库handlebars的简单用法
2015/03/02 Javascript
js实现绿白相间竖向网页百叶窗动画切换效果
2015/03/02 Javascript
深入理解JavaScript系列(33):设计模式之策略模式详解
2015/03/03 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
2015/03/14 Javascript
Bootstrap每天必学之面板
2015/11/30 Javascript
让图片跳跃起来  javascript图片轮播特效
2016/02/16 Javascript
JavaScript Date对象详解
2016/03/01 Javascript
JS控件bootstrap datepicker使用方法详解
2017/03/25 Javascript
原生javascript实现连连看游戏
2019/01/03 Javascript
uni-app微信小程序登录授权的实现
2020/05/22 Javascript
解决echarts echarts数据动态更新和dataZoom被重置问题
2020/07/20 Javascript
Vue toFixed保留两位小数的3种方式
2020/10/23 Javascript
[05:41]2014DOTA2西雅图国际邀请赛 小组赛7月10日TOPPLAY
2014/07/10 DOTA
跟老齐学Python之关于循环的小伎俩
2014/10/02 Python
Python实现设置windows桌面壁纸代码分享
2015/03/28 Python
mac 安装python网络请求包requests方法
2018/06/13 Python
Python Datetime模块和Calendar模块用法实例分析
2019/04/15 Python
如何在windows下安装配置python工具Ulipad
2020/10/27 Python
Lookfantastic法国官网:英国知名美妆购物网站
2017/10/28 全球购物
高中考试作弊检讨书
2014/01/14 职场文书
装修致歉信
2014/01/15 职场文书
护理专业求职信
2014/06/15 职场文书
送温暖献爱心活动总结
2014/07/08 职场文书
2014年环卫工作总结
2014/11/22 职场文书
诚实守信主题班会
2015/08/13 职场文书
环保建议书作文300字
2015/09/14 职场文书