uniapp 事件委托失败 获取不到dataset

问题:

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>

点击效果出来 

猜你喜欢

转载自blog.csdn.net/LlanyW/article/details/133341545