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 相关文章推荐
Mootools 1.2教程(2) DOM选择器
Sep 14 Javascript
学习ExtJS Panel常用方法
Oct 07 Javascript
jsTree 基于JQuery的排序节点 Bug
Jul 26 Javascript
使用jQuery操作Cookies的实现代码
Oct 09 Javascript
js格式化时间的方法
Dec 18 Javascript
解析Node.js基于模块和包的代码部署方式
Feb 16 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
May 24 Javascript
JavaScript文件的同步和异步加载的实现代码
Aug 19 Javascript
angular4中关于表单的校验示例
Oct 16 Javascript
在Vuex使用dispatch和commit来调用mutations的区别详解
Sep 18 Javascript
jQuery实现带进度条的轮播图
Sep 13 jQuery
vue实现登陆页面开发实践
May 30 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
PHP的error_reporting错误级别变量对照表
2014/07/08 PHP
php实现只保留mysql中最新1000条记录
2015/06/18 PHP
php连接微软MSSQL(sql server)完全攻略
2016/11/27 PHP
PHP基于openssl实现的非对称加密操作示例
2019/01/11 PHP
Laravel 修改验证异常的响应格式实例代码详解
2020/05/25 PHP
在Javascript中定义对象类别
2006/12/22 Javascript
js更优雅的兼容
2010/08/12 Javascript
web css实现整站样式互相切换
2013/10/29 Javascript
解决jquery插件冲突的问题
2014/01/23 Javascript
引入autocomplete组件时JS报未结束字符串常量错误
2014/03/19 Javascript
HTML,CSS,JavaScript速查表推荐
2014/12/02 Javascript
使用FlexiGrid实现Extjs表格效果方法分享
2014/12/16 Javascript
基于JS代码实现图片在页面中旋转效果
2016/06/16 Javascript
基于JS模仿windows文件按名称排序效果
2016/06/29 Javascript
javascript中this关键字详解
2016/12/12 Javascript
JavaScript基于面向对象实现的猜拳游戏
2018/01/03 Javascript
mui框架 页面无法滚动的解决方法(推荐)
2018/01/25 Javascript
使用Vue自定义指令实现Select组件
2018/05/24 Javascript
ndm:NPM的桌面GUI应用程序
2018/10/15 Javascript
微信小程序template模版的使用方法
2019/04/13 Javascript
JavaScript设计模式之策略模式实现原理详解
2020/05/29 Javascript
vant 自定义 van-dropdown-item的用法
2020/08/05 Javascript
vue 数据操作相关总结
2020/12/17 Vue.js
[01:46]辉夜杯—打造中国DOTA新格局
2015/12/25 DOTA
python实现学生管理系统
2018/01/11 Python
python 实现矩阵上下/左右翻转,转置的示例
2019/01/23 Python
python暴力解压rar加密文件过程详解
2019/07/05 Python
python Pandas库基础分析之时间序列的处理详解
2019/07/13 Python
django 快速启动数据库客户端程序的方法示例
2019/08/16 Python
pytorch实现seq2seq时对loss进行mask的方式
2020/02/18 Python
法国隐形眼镜网站:VisionDirect.fr
2020/03/03 全球购物
3.15国际消费者权益日主题活动活动总结
2014/03/16 职场文书
音乐教师求职信
2014/06/28 职场文书
超市促销活动总结
2014/07/01 职场文书
2014离婚协议书范文两篇
2014/09/15 职场文书
《水浒传》读后感3篇(范文)
2019/09/19 职场文书