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 相关文章推荐
JS增加行复制行删除行的实现代码
Nov 09 Javascript
基于HTML模板和JSON数据的JavaScript交互(移动端)
Apr 06 Javascript
JavaScript进阶练习及简单实例分析
Jun 03 Javascript
node.js缺少mysql模块运行报错的解决方法
Nov 13 Javascript
JavaScript自动点击链接 防止绕过浏览器访问的方法
Jan 19 Javascript
angular过滤器实现排序功能
Jun 27 Javascript
js数组常用最重要的方法
Feb 04 Javascript
Vue 实现列表动态添加和删除的两种方法小结
Sep 07 Javascript
VUE 配置vue-devtools调试工具及安装方法
Sep 30 Javascript
详解Vue中组件的缓存
Apr 20 Javascript
vue-form表单验证是否为空值的实例详解
Oct 29 Javascript
Ajax实现三级联动效果
Oct 05 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 empty()与isset()区别的详细介绍
2013/06/17 PHP
PHP删除HTMl标签的实现代码
2013/06/30 PHP
phpQuery占用内存过多的处理方法
2013/11/13 PHP
php网站被挂木马后的修复方法总结
2014/11/06 PHP
谈谈 PHP7新增功能
2015/12/16 PHP
使用ExtJS技术实现的拖动树结点
2010/08/05 Javascript
使用jQuery Ajax功能时需要注意的一个问题(内存溢出)
2012/05/30 Javascript
Jquery动态改变图片IMG的src地址示例
2013/06/25 Javascript
密码框显示提示文字jquery示例
2013/08/29 Javascript
浅析tr的隐藏和显示问题
2014/03/05 Javascript
html5+javascript制作简易画板附图
2014/04/25 Javascript
js实现按一下删除键删除整个单词附demo
2014/09/05 Javascript
jquery实现类似淘宝星星评分功能有截图
2014/09/15 Javascript
js根据鼠标移动速度背景图片自动旋转的方法
2015/02/28 Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
2016/08/29 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
2017/03/22 jQuery
Vue-cli proxyTable 解决开发环境的跨域问题详解
2017/05/18 Javascript
vue的全局变量和全局拦截请求器的示例代码
2018/09/13 Javascript
vscode中eslint插件的配置(prettier配置无效)
2019/09/10 Javascript
JavaScript仿京东秒杀倒计时
2020/03/17 Javascript
python中关于日期时间处理的问答集锦
2013/03/08 Python
Python编程中的异常处理教程
2015/08/21 Python
使用python编写简单的小程序编译成exe跑在win10上
2018/01/15 Python
Python+matplotlib实现华丽的文本框演示代码
2018/01/22 Python
深入理解Django的中间件middleware
2018/03/14 Python
巴西儿童时尚购物网站:Dinda
2019/08/14 全球购物
管理站站长岗位职责
2013/11/27 职场文书
大学毕业自我评价
2014/02/02 职场文书
美术指导求职信
2014/03/17 职场文书
危货运输企业安全生产责任书
2014/07/28 职场文书
大学生入党积极分子自我评价
2014/09/20 职场文书
2014红色之旅心得体会
2014/10/07 职场文书
自主招生推荐信怎么写
2015/03/26 职场文书
2019学子的答谢词范本!
2019/07/05 职场文书
创业计划书之家政服务
2019/09/18 职场文书
oracle数据库去除重复数据
2022/05/20 Oracle