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 GridView 实现自动计算操作代码
Mar 25 Javascript
父子窗体间传递JSON格式的数据的代码
Dec 25 Javascript
jQuery :nth-child前有无空格的区别分析
Jul 11 Javascript
AngularJS入门教程之Hello World!
Dec 06 Javascript
JS自定义选项卡函数及用法实例分析
Sep 02 Javascript
jQuery实现切换页面过渡动画效果
Oct 29 Javascript
Angular 根据 service 的状态更新 directive
Apr 03 Javascript
微信小程序 实例应用(记账)详解
Sep 28 Javascript
基于Node的React图片上传组件实现实例代码
May 10 Javascript
js实现城市级联菜单的2种方法
Jun 23 Javascript
Angularjs实现上传图片预览功能
Sep 01 Javascript
vue之组件内监控$store中定义变量的变化详解
Nov 08 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语法(3)
2006/10/09 PHP
php操作sqlserver关于时间日期读取的小小见解
2009/11/29 PHP
php操作mysql数据库的基本类代码
2014/02/25 PHP
PHP实现远程下载文件到本地
2015/05/17 PHP
php使用socket post数据到其它web服务器的方法
2015/06/02 PHP
Symfony2 session用法实例分析
2016/02/04 PHP
PHP结合Vue实现滚动底部加载效果
2017/12/17 PHP
Django 标签筛选的实现代码(一对多、多对多)
2018/09/05 PHP
Laravel自动生成UUID,从建表到使用详解
2019/10/24 PHP
javascript 日历提醒系统( 兼容所有浏览器 )
2009/04/07 Javascript
JQuery 插件模板 制作jquery插件的朋友可以参考下
2010/03/17 Javascript
jquery 学习之二 属性相关
2010/11/23 Javascript
javascript学习(二)javascript常见问题总结
2013/01/02 Javascript
jquery全选/全不选/反选另一种实现方法(配合原生js)
2013/04/07 Javascript
JS简单的轮播的图片滚动实例
2013/06/17 Javascript
instanceof和typeof运算符的区别详解
2014/01/06 Javascript
jquery实现滑动特效代码
2015/08/10 Javascript
JS实现很实用的对联广告代码(可自适应高度)
2015/09/18 Javascript
easy ui datagrid 从编辑框中获取值的方法
2017/02/22 Javascript
COM组件中调用JavaScript函数详解及实例
2017/02/23 Javascript
js实现一键复制功能
2017/03/16 Javascript
vue指令只能输入正数并且只能输入一个小数点的方法
2018/06/08 Javascript
JavaScript原型链与继承操作实例总结
2018/08/24 Javascript
layui radio点击事件实现input显示和隐藏的例子
2019/09/02 Javascript
理解python正则表达式
2016/01/15 Python
对python .txt文件读取及数据处理方法总结
2018/04/23 Python
python实现类之间的方法互相调用
2018/04/29 Python
Python 修改列表中的元素方法
2018/06/26 Python
python 抓包保存为pcap文件并解析的实例
2019/07/23 Python
Python 下载及安装详细步骤
2019/11/04 Python
Python使用pyexecjs代码案例解析
2020/07/13 Python
一加手机美国官方网站:OnePlus美国
2019/09/19 全球购物
Vuori官网:运动服装的终级表现
2021/01/27 全球购物
学期研究性学习个人的自我评价
2014/01/09 职场文书
redis限流的实际应用
2021/04/24 Redis
Mysql分析设计表主键为何不用uuid
2022/03/31 MySQL