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 弹出层实现代码
Oct 30 Javascript
一些经常会用到的Javascript检测函数
May 31 Javascript
围观tangram js库
Dec 28 Javascript
JS 无限级 Select效果实现代码(json格式)
Aug 30 Javascript
JavaScript-RegExp对象只能使用一次问题解决方法
Jun 23 Javascript
Validform+layer实现漂亮的表单验证特效
Jan 17 Javascript
Summernote实现图片上传功能的简单方法
Jul 11 Javascript
从零学习node.js之详解异步控制工具async(八)
Feb 27 Javascript
vue数据操作之点击事件实现num加减功能示例
Jan 19 Javascript
微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
Jan 22 Javascript
Node使用Nodemailer发送邮件的方法实现
Feb 24 Javascript
vue单元格多列合并的实现
Nov 26 Vue.js
基于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
解析使用substr截取UTF-8中文字符串出现乱码的问题
2013/06/20 PHP
多个Laravel项目如何共用migrations详解
2018/09/25 PHP
鼠标滚轮控制网页横向移动实现思路
2013/03/22 Javascript
完美解决IE低版本不支持call与apply的问题
2013/12/05 Javascript
node.js中的fs.fstat方法使用说明
2014/12/15 Javascript
javascript实现倒计时并弹窗提示特效
2015/06/05 Javascript
在JavaScript的正则表达式中使用exec()方法
2015/06/16 Javascript
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
2020/10/26 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
2017/04/20 Javascript
vue.js动态数据绑定学习笔记
2017/05/19 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
2017/06/17 Javascript
Vue2 Vue-cli中使用Typescript的配置详解
2017/07/24 Javascript
深入理解Vue.js源码之事件机制
2017/09/27 Javascript
微信小程序之swiper轮播图中的图片自适应高度的方法
2018/04/23 Javascript
vue使用echarts图表的详细方法
2018/10/22 Javascript
Vue实现导航栏点击当前标签变色功能
2020/08/19 Javascript
angular使用md5,CryptoJS des加密的方法
2019/06/03 Javascript
jQuery内容选择器与表单选择器实例分析
2019/06/28 jQuery
JavaScript剩余操作符Rest Operator详解
2019/07/20 Javascript
Vue.js实现tab切换效果
2019/07/24 Javascript
JS猜数字游戏实例讲解
2020/06/30 Javascript
Python SVM(支持向量机)实现方法完整示例
2018/06/19 Python
python爬虫爬取笔趣网小说网站过程图解
2019/11/18 Python
如何使用Python脚本实现文件拷贝
2019/11/20 Python
Python:二维列表下标互换方式(矩阵转置)
2019/12/02 Python
利用Tensorflow构建和训练自己的CNN来做简单的验证码识别方式
2020/01/20 Python
django-xadmin根据当前登录用户动态设置表单字段默认值方式
2020/03/13 Python
Numpy中np.max的用法及np.maximum区别
2020/11/27 Python
浅谈利用缓存来优化HTML5 Canvas程序的性能
2015/05/12 HTML / CSS
《闻一多先生的说和做》教学反思
2014/04/28 职场文书
暑期培训班招生方案
2014/08/26 职场文书
学生评语集锦
2015/01/04 职场文书
2015年学校后勤工作总结
2015/04/08 职场文书
钢铁是怎样炼成的读书笔记
2015/06/29 职场文书
大学军训通讯稿(2016最新版)
2015/12/21 职场文书
Redis唯一ID生成器的实现
2022/07/07 Redis