当前位置: 首页 > news >正文

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>

点击效果出来 

http://www.lryc.cn/news/182730.html

相关文章:

  • windows系统下pycharm配置anaconda
  • 2023年CSP-J真题详解+分析数据
  • 10.3 调试事件转存进程内存
  • 深度学习实战基础案例——卷积神经网络(CNN)基于MobileNetV3的肺炎识别|第3例
  • 机器学习 面试/笔试题(更新中)
  • 【算法题】100019. 将数组分割成最多数目的子数组
  • commons-io工具类常用方法
  • 【Typescript】面向对象(上篇),包含类,构造函数,继承,super,抽象类
  • 【python】python中字典的用法记录
  • 基于Java的大学生心理咨询系统设计与实现(源码+lw+部署文档+讲解等)
  • Redis-双写一致性
  • CustomTkinter:创建现代、可定制的Python UI
  • 华为OD机试真题【不含 101 的数】
  • Spring IoC和DI详解
  • mysql-binlog
  • 通过BeanFactotyPostProcessor动态修改@FeignClient的path
  • 数据结构与算法系列-二分查找
  • CSS 毛玻璃特效运用目录
  • 如何在Qt6中引入Network模块
  • 2023/10/4 QT实现TCP服务器客户端搭建
  • 云原生边缘计算KubeEdge安装配置
  • 【LeetCode热题100】--35.搜索插入位置
  • mysql面试题13:MySQL中什么是异步复制?底层实现?
  • SpringBoot-Shiro安全权限框架
  • PostgreSQL基础语法
  • 编程前置:处理Excel表格,定位单元格位置,输入文字前,让AI机器人知道我说什么
  • Linux基本指令介绍系列第四篇
  • 读取vivo手机截图尺寸移动.jpg等文件
  • Web前端-Vue2+Vue3基础入门到实战项目-Day2(指令补充, computed计算属性, watch侦听器, 水果购物车)
  • ffmpeg之去除视频水印