最近在项目中遇到使用v-for渲染的元素绑定click事件在ios上执行两次，代码如下：
<div v-for="label in tagList">
<span class="delete" @click="deleteLabel($index, label)">{{label.tagName}}</span>
</div>
deleteLabel事件会执行两次。
原本以为是事件冒泡，所以加上了，event.stopPropagation(); 没生效。仔细想了下，这种情况只在ios上有问题，android是好的，所以猜测是和ios兼容性有关。最终想到了ios上的点击延迟300ms。
通过查找官方文档，在事件后面可以加debounce过滤器，所以改成下面代码就可以了
<span class="delete" @click="deleteLabel($index, label) | debounce 0">{{label.tagName}}</span>
前言： 最近在项目中遇到使用v-for渲染的元素绑定click事件在ios上执行两次，代码如下： {{...
问题描述 在项目中遇到一个bug——label标签上绑定了一个返回一层的点击事件，然鹅每次点击都会返回两层！! 经...
点击lable会执行两次产生原因：span的click，事件冒泡，触发label的click;label和inpu...
1、click事件在PC端和安卓上都可以点击，但是在ios上点击却没有任何反应 因为在ios上类名为click-b...
使用cordova 8.0 cordova-ios@4.5.1 注册的click事件在ios11上后台hold一段...
在 iOS 上（Andriod没亲自试过，估计同样），在使用事件委托的方式绑定 click 事件会无法生效。 比如...
v-on:事件监听，语法糖 @click， v-on:click （@click）：绑定点击事件，执行相对于的方法...
闪烁问题 由于在iOS Safari上click事件存在300ms响应延时，所以为touch事件添加样式，会和cl...
闪烁问题 由于在iOS Safari上click事件存在300ms响应延时，所以为touch事件添加样式，会和cl...
事件处理 v-on指令 用于进行元素的事件绑定 Vue.js 还为 v-on 指令提供了简写方式@click 事件...
本文标题：vue.js @click事件在ios上执行两次
本文链接：https://www.haomeiwen.com/subject/iqwlyttx.html
网友评论