v-for 多个span ,绑定点击事件
代码:view里包着一个span,
- <view class="status-list" @tap="search">
- <span class="status-item" v-for="(key,index) in statusList" :key="index" :data-key="key">{{ key.status }}
- </span>
- </view>
-
- ...
- search(e) {
- console.log(">>选择了e", e, e.currentTarget.dataset, e.target.dataset)
- return}
打印出来的dataset都是空,即使span加了pointer-event: none也用。

可能是uniapp框架原因,使用h5的原生的span效果不出来。
参考官方文档:uni-app官网

把span改成uniapp的标签text,再获取点击事件终于带出dataset 了。
- <view class="status-list" @tap="search">
- <text class="status-item" v-for="(key,index) in statusList" :key="index" :data-key="key" :index="index"
- data-index="index">{{ key.status }}
- </text>
- </view>
点击效果出来
