问题:
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>
点击效果出来