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 相关文章推荐
分享一个我自己写的ToolTip提示插件(附源码)
Jan 20 Javascript
基于jQuery中对数组进行操作的方法
Apr 16 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
Sep 06 Javascript
全面解析Bootstrap表单使用方法(表单控件状态)
Nov 24 Javascript
javascript for-in有序遍历json数据并探讨各个浏览器差异
Nov 30 Javascript
JavaScript 中Date对象的格式化代码方法汇总
Sep 06 Javascript
AngularJS实现的输入框字数限制提醒功能示例
Oct 26 Javascript
基于js中的存储键值对以及注意事项介绍
Mar 30 Javascript
JavaScript中this关键字用法实例分析
Aug 24 Javascript
聊聊Vue中provide/inject的应用详解
Nov 10 Javascript
JavaScript实现旋转木马轮播图
Mar 16 Javascript
JavaScript canvas实现跟随鼠标移动小球
Feb 09 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
十大感人催泪爱情动漫 第一名至今不忍在看第二遍
2020/03/04 日漫
杏林同学录(三)
2006/10/09 PHP
AES加解密在php接口请求过程中的应用示例
2016/10/26 PHP
Centos 6.5系统下编译安装PHP 7.0.13的方法
2016/12/19 PHP
PHP基于IMAP收取邮件的方法示例
2017/08/07 PHP
新浪刚打开页面出来的全屏广告代码
2007/04/02 Javascript
js给dropdownlist添加选项的小例子
2013/03/04 Javascript
javascript打印html内容功能的方法示例
2013/11/28 Javascript
JQuery球队选择实例
2015/05/18 Javascript
javascript获取wx.config内部字段解决微信分享
2016/03/09 Javascript
jQuery的extend方法【三种】
2016/12/14 Javascript
jQuery插件HighCharts实现的2D回归直线散点效果示例【附demo源码下载】
2017/03/09 Javascript
Vue2单一事件管理组件通信
2017/05/09 Javascript
ES6新增的math,Number方法
2017/08/06 Javascript
基于Vuejs的搜索匹配功能实现方法
2018/03/03 Javascript
详解js动态获取浏览器或页面等容器的宽高
2019/03/13 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
2020/04/22 Javascript
解决pycharm双击但是无法打开的情况
2020/10/31 Javascript
Python中的各种装饰器详解
2015/04/11 Python
python基础教程之Filter使用方法
2017/01/17 Python
python脚本作为Windows服务启动代码详解
2018/02/11 Python
基于循环神经网络(RNN)的古诗生成器
2018/03/26 Python
Python实现自定义顺序、排列写入数据到Excel的方法
2018/04/23 Python
对Python中type打开文件的方式介绍
2018/04/28 Python
python+rsync精确同步指定格式文件
2019/08/29 Python
Python绘图实现显示中文
2019/12/04 Python
带你彻底搞懂python操作mysql数据库(cursor游标讲解)
2020/01/06 Python
Python基于network模块制作电影人物关系图
2020/06/19 Python
英国男女豪华配饰和礼品网站:Black.co.uk
2020/02/28 全球购物
Java面试题:Java类的Main方法如果是Private将会怎么样
2016/08/18 面试题
白酒市场开发计划书
2014/01/09 职场文书
科研课题实施方案
2014/03/18 职场文书
企业授权委托书范本
2014/09/22 职场文书
企业党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
运动会闭幕式通讯稿
2015/07/18 职场文书
redis实现的四种常见限流策略
2021/06/18 Redis