element-ui的回调函数Events的用法详解

2018-10-16 62 全菜程序员

做轮播的时候想用这个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文章

jQuery学习总结之元素的相对定位和选择器(持续更新)
Apr 26 47
js实现select组件的选择输入过滤代码
Oct 14 49
js实现类似于add(1)(2)(3)调用方式的方法
Mar 04 56
在JavaScript中使用开平方根的sqrt()方法
Jun 15 50
js实现div在页面拖动效果
May 04 41
Three.js学习之Lamber材质和Phong材质
Aug 04 49
mpvue全局引入sass文件的方法步骤
Mar 06 36
手机访问当前页面