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 垃圾收集机制介绍理解
May 14 Javascript
JS实现的用来对比两个用指定分隔符分割的字符串是否相同
Sep 19 Javascript
JavaScript基于setTimeout实现计数的方法
May 08 Javascript
js+html5绘制图片到canvas的方法
Jun 05 Javascript
jquery实现点击展开列表同时隐藏其他列表
Aug 10 Javascript
用NODE.JS中的流编写工具是要注意的事项
Mar 01 Javascript
AngularJS ng-blur 指令详解及简单实例
Jul 30 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
Apr 01 Javascript
JavaScript引用类型Object常见用法实例分析
Aug 08 Javascript
基于Angular中ng-controller父子级嵌套的相关属性详解
Oct 08 Javascript
vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
May 10 Javascript
vue element-ui el-date-picker限制选择时间为当天之前的代码
Nov 07 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错误级别的设置方法
2013/06/17 PHP
去掉destoon资讯内容页keywords关键字自带的文章标题的方法
2014/08/21 PHP
分享一则PHP定义函数代码
2015/02/26 PHP
javascript 对象的定义方法
2007/01/10 Javascript
(jQuery,mootools,dojo)使用适合自己的编程别名命名
2010/09/14 Javascript
JavaScript window.document的属性、方法和事件小结
2012/10/24 Javascript
JS按字节截取字符长度实例
2013/11/20 Javascript
Jquery插件easyUi表单验证提交(示例代码)
2013/12/30 Javascript
jQuery中bind与live的用法及区别小结
2014/01/27 Javascript
PhotoShop给图片自动添加边框及EXIF信息的JS脚本
2015/02/15 Javascript
JS替换字符串中空格方法
2015/04/17 Javascript
JS更改select内option属性的方法
2015/10/14 Javascript
跟我学习javascript的作用域与作用域链
2015/11/19 Javascript
详谈javascript异步编程
2016/02/21 Javascript
Bootstrap模仿起筷首页效果
2016/05/09 Javascript
jQuery添加和删除输入文本框标签代码
2016/05/20 Javascript
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
2018/02/08 Javascript
jQuery实现文件编码成base64并通过AJAX上传的方法
2018/04/12 jQuery
ng-zorro-antd 入门初体验
2018/12/03 Javascript
解决Vue调用springboot接口403跨域问题
2019/09/02 Javascript
vue+element搭建后台小总结 el-dropdown下拉功能
2020/04/10 Javascript
微信小程序实现点击按钮后修改颜色
2019/12/05 Javascript
python随机模块random的22种函数(小结)
2020/05/15 Python
详解Python中第三方库Faker
2020/09/25 Python
python xlsxwriter模块的使用
2020/12/24 Python
HTML文本属性&amp;颜色控制属性的实现
2019/12/17 HTML / CSS
美国在线乐器和设备商店:Musician’s Friend
2018/07/06 全球购物
英国在线购买轮胎、预订汽车、汽车维修和装配网站:Protyre
2020/04/12 全球购物
公务员转正鉴定材料
2014/02/11 职场文书
地质灾害防治方案
2014/05/14 职场文书
本溪关门山导游词
2015/02/09 职场文书
2015年社区工作总结
2015/04/08 职场文书
乡镇保密工作承诺书
2015/05/04 职场文书
海洋天堂观后感
2015/06/05 职场文书
亮剑观后感600字
2015/06/05 职场文书
mysql5.5中文乱码问题解决的有用方法
2022/05/30 MySQL