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 内置对象属性及方法集合
Jul 04 Javascript
jQuery 复合选择器应用的几个例子
Sep 11 Javascript
jQuery简单几行代码实现tab切换
Mar 10 Javascript
关注jquery技巧提高jquery技能(前端开发必学)
Nov 02 Javascript
js实现简单排列组合的方法
Jan 27 Javascript
JavaScript模拟鼠标右键菜单效果
Dec 08 Javascript
a标签置灰不可点击的实现方法
Feb 06 Javascript
Vuejs实现带样式的单文件组件新方法
May 02 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
Apr 18 Javascript
vue debug 二种方法
Sep 16 Javascript
详解webpack 最简打包结果分析
Feb 20 Javascript
微信小程序按钮点击动画效果的实现
Sep 04 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实现数组按指定KEY排序的方法
2015/03/30 PHP
layui数据表格自定义每页条数limit设置
2019/10/26 PHP
PHP实现页面静态化深入讲解
2021/03/04 PHP
简单三步,搞掂内存泄漏
2007/03/10 Javascript
javascript面向对象包装类Class封装类库剖析
2013/01/24 Javascript
javascript-表格排序(降序/反序)实现介绍(附图)
2013/05/30 Javascript
JS获取农历日期具体实例
2013/11/14 Javascript
js获取浏览器基本信息大全
2014/11/27 Javascript
js阻止冒泡和默认事件(默认行为)详解
2016/10/20 Javascript
详解如何在Vue2中实现组件props双向绑定
2017/03/29 Javascript
vue2.0结合Element实现select动态控制input禁用实例
2017/05/12 Javascript
详解Vue整合axios的实例代码
2017/06/21 Javascript
解决layui数据表格Date日期格式的回显Object的问题
2019/09/19 Javascript
ES5和ES6中类的区别总结
2020/12/21 Javascript
[02:40]DOTA2殁境神蚀者 英雄基础教程
2013/11/26 DOTA
Python单元测试框架unittest使用方法讲解
2015/04/13 Python
Python实现字符串格式化输出的方法详解
2017/09/20 Python
疯狂上涨的Python 开发者应从2.x还是3.x着手?
2017/11/16 Python
基于Python的文件类型和字符串详解
2017/12/21 Python
对numpy中array和asarray的区别详解
2018/04/17 Python
python生成每日报表数据(Excel)并邮件发送的实例
2019/02/03 Python
如何通过Python实现标签云算法
2019/07/02 Python
简单了解Python3里的一些新特性
2019/07/13 Python
详解python中自定义超时异常的几种方法
2019/07/29 Python
Python字符串、列表、元组、字典、集合的补充实例详解
2019/12/20 Python
英国香水店:The Perfume Shop
2017/03/27 全球购物
PHP高级工程师面试问题推荐
2013/01/18 面试题
工商管理本科毕业生求职信范文
2013/10/05 职场文书
营销总经理的岗位职责
2013/12/15 职场文书
优秀家长事迹材料
2014/05/17 职场文书
单位法定代表人授权委托书
2014/09/20 职场文书
2014红色之旅心得体会
2014/10/07 职场文书
教师正风肃纪剖析材料
2014/10/20 职场文书
农村婚庆主持词
2015/06/29 职场文书
《秋天的图画》教学反思
2016/02/19 职场文书
《Estab Life》4月6日播出 正式PV、主视觉图公开
2022/03/20 日漫