ios v-for循环生成的第一项点击事件不生效
时间: 2023-08-22 21:22:24 浏览: 81
ios 事件循环原理-runloop
在 iOS 上,可能是因为默认情况下,第一个元素被选中状态,而不是触发点击事件。所以,你可以尝试在第一个元素上添加一个样式来取消选中状态,例如:
```css
/* 取消选中状态 */
.v-for-item:first-child {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
```
如果这样仍然无效,你可以尝试使用 `@click.native` 代替 `@click` 事件来绑定点击事件,例如:
```html
<template v-for="(item, index) in list">
<div :key="index" class="v-for-item" @click.native="handleClick(item)">
{{ item.text }}
</div>
</template>
```
这样应该可以解决你遇到的问题。
阅读全文