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 相关文章推荐
Textarea与懒惰渲染实现代码
Jan 04 Javascript
JQuery 图片的展开和伸缩实例讲解
Apr 18 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
Aug 18 Javascript
Jquery实现图片预加载与延时加载的方法
Dec 22 Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
May 18 Javascript
jquery实现可自动判断位置的弹出层效果代码
Oct 12 Javascript
javascript基本算法汇总
Mar 09 Javascript
jQuery validata插件实现方法
Jun 25 jQuery
vue项目在安卓低版本机显示空白的原因分析(两种)
Sep 04 Javascript
基于vue-cli、elementUI的Vue超简单入门小例子(推荐)
Apr 17 Javascript
JS常见内存泄漏及解决方案解析
May 30 Javascript
vant自定义二级菜单操作
Nov 02 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开发工具ZendStudio下Xdebug工具使用说明详解
2013/11/11 PHP
PHP循环遍历数组的3种方法list()、each()和while总结
2014/11/19 PHP
PHP、Python和Javascript的装饰器模式对比
2015/02/03 PHP
php微信公众平台交互与接口详解
2016/11/28 PHP
PHP实现的简单对称加密与解密方法实例小结
2017/08/28 PHP
使用PHP连接数据库_实现用户数据的增删改查的整体操作示例
2017/09/01 PHP
对javascript的一点点认识总结《javascript高级程序设计》读书笔记
2011/11/30 Javascript
JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
2012/02/02 Javascript
js实现在页面上弹出蒙板技巧简单实用
2013/04/16 Javascript
jquery图片播放浏览插件prettyPhoto使用详解
2014/12/19 Javascript
jQuery实现自定义下拉列表
2015/01/05 Javascript
jQuery实现鼠标选文字发新浪微博的方法
2016/04/02 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
2016/09/17 Javascript
js实现键盘自动打字效果
2016/12/23 Javascript
jquery.zclip轻量级复制失效问题
2017/01/08 Javascript
js实现图片360度旋转
2017/01/22 Javascript
js仿小米手机上下滑动效果
2017/02/05 Javascript
React-Native 组件之 Modal的使用详解
2017/08/08 Javascript
元素全屏的设置与监听实例
2017/11/28 Javascript
JavaScript 跨域之POST实现方法
2018/05/07 Javascript
Vue CLI 3.x 自动部署项目至服务器的方法
2019/04/02 Javascript
JS自定义对象创建与简单使用方法示例
2020/01/15 Javascript
解决Mint-ui 框架Popup和Datetime Picker组件滚动穿透的问题
2020/11/04 Javascript
vue登录页实现使用cookie记住7天密码功能的方法
2021/02/18 Vue.js
python下调用pytesseract识别某网站验证码的实现方法
2016/06/06 Python
Python执行时间的计算方法小结
2017/03/17 Python
Django models.py应用实现过程详解
2019/07/29 Python
Python使用scrapy爬取阳光热线问政平台过程解析
2019/08/14 Python
Django权限控制的使用
2021/01/07 Python
我能否用void** 指针作为参数, 使函数按引用接受一般指针
2013/02/16 面试题
公司业务主管岗位职责
2013/12/07 职场文书
2014最新房贷收入证明范本
2014/09/12 职场文书
2015年超市收银员工作总结
2015/04/25 职场文书
少先大队干部竞选稿
2015/11/20 职场文书
优质服务心得体会(共4篇)
2016/01/22 职场文书
OpenCV-Python实现轮廓拟合
2021/06/08 Python