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 validate在ie8下的bug解决方法
Nov 13 Javascript
JavaScript支持的最大递归调用次数分析
Jun 24 Javascript
微信小程序 LOL 英雄介绍开发实例
Sep 30 Javascript
详解微信小程序入门五: wxml文件引用、模版、生命周期
Jan 20 Javascript
js上传图片预览的实现方法
May 09 Javascript
浅谈对Angular中的生命周期钩子的理解
Jul 31 Javascript
JS倒计时实例_天时分秒
Aug 22 Javascript
详解vue-cli与webpack结合如何处理静态资源
Sep 19 Javascript
angular2模块和共享模块详解
Apr 08 Javascript
详解VS Code使用之Vue工程配置format代码格式化
Mar 20 Javascript
vue路由缓存的几种实现方式小结
Feb 02 Javascript
react如何快速设置文件路径别名
Apr 28 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全概率运算函数(优化版) Webgame开发必备
2011/07/04 PHP
php中常用的预定义变量小结
2012/05/09 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
基于PHP-FPM进程池探秘
2017/10/17 PHP
jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
2010/10/22 Javascript
JS的千分位算法实现思路
2013/07/31 Javascript
jquery.post用法示例代码
2014/01/03 Javascript
jquery datepicker参数介绍和示例
2014/04/15 Javascript
分享一个自己动手写的jQuery分页插件
2014/08/28 Javascript
使用Javascript实现选择下拉菜单互移并排序
2016/02/23 Javascript
JavaScript中输出信息的方法(信息确认框-提示输入框-文档流输出)
2016/06/12 Javascript
jQuery基于ID调用指定iframe页面内的方法
2016/07/06 Javascript
关于Jquery中的事件绑定总结
2016/10/26 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
2017/05/26 Javascript
详解从买域名到使用pm2部署node.js项目全过程
2018/03/07 Javascript
JS 音频可视化插件Wavesurfer.js的使用教程
2018/10/31 Javascript
详解NodeJS Https HSM双向认证实现
2019/03/12 NodeJs
el-select数据过多懒加载的解决(loadmore)
2019/05/29 Javascript
createObjectURL方法实现本地图片预览
2019/09/30 Javascript
[02:22]完美世界DOTA2联赛PWL S3 集锦第一期
2020/12/15 DOTA
python入门之语句(if语句、while语句、for语句)
2015/01/19 Python
Python实现的HMacMD5加密算法示例
2018/04/03 Python
python 爬取古诗文存入mysql数据库的方法
2020/01/08 Python
使用tensorflow DataSet实现高效加载变长文本输入
2020/01/20 Python
python3 使用traceback定位异常实例
2020/03/09 Python
python实现人工蜂群算法
2020/09/18 Python
HTML5之SVG 2D入门6—视窗坐标系与用户坐标系及变换概述
2013/01/30 HTML / CSS
巴西女装购物网站:Eclectic
2018/04/24 全球购物
日本著名的服饰鞋帽综合类购物网站:MAGASEEK
2019/01/09 全球购物
美国家庭鞋店:Shoe Sensation
2019/09/27 全球购物
电子狗项圈:eDog Australia
2019/12/04 全球购物
巴西备受欢迎的服装和生活方式品牌:FARM Rio
2020/02/04 全球购物
渔夫的故事教学反思
2014/02/14 职场文书
抗洪救灾标语
2014/10/08 职场文书
python中opencv实现图片文本倾斜校正
2021/06/11 Python
java如何实现获取客户端ip地址的示例代码
2022/04/07 Java/Android