javascript - vue怎么添加自定义事件？

问题描述

问 题

<img :src="list.src" @click="switchDo"/>

1.如同上面代码的点击事件一样，但是有时候需求并不是点击事件，比如‘左滑动’，‘右滑动’，‘点击三次’，‘长按’这种自定义的事件怎么添加，怎么写？

2.能不能就是像下面这样调用自定义事件？

//比如，threeClick是自己添加的自定义事件。
<img :src="list.src" @threeClick="switchDo"/>

解决方案

1.最近正在学习 RxJS，你所说的这些自定义事件可以尝试使用 RxJS 来实现：三连击示例 https://jsfiddle.net/KingMari...

2.标准 HTML 元素的话，还要结合 https://developer.mozilla.org... 来实现：Vue 绑定三连击示例 https://jsfiddle.net/KingMari...。如果是自定义组件，那么用 $emit 即可。

这篇关于javascript - vue怎么添加自定义事件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！