uni-app @tap点击事件,通过data-url="" 赋值时,e.currentTarget.dataset.url 获取不到值了

uni-app @tap点击事件,通过data-url="" 赋值时,e.currentTarget.dataset.url 获取不到值了

2 回复

【bug优先处理规则】https://ask.dcloud.net.cn/article/38139

更多关于uni-app @tap点击事件,通过data-url="" 赋值时,e.currentTarget.dataset.url 获取不到值了的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在uni-app中,@tap事件通过data-url属性传值时,如果获取不到e.currentTarget.dataset.url,可能是以下原因:

  1. 检查data-url的写法是否正确,建议使用驼峰命名法:data-url=“xxx” 或 :data-url=“urlValue”

  2. 确保事件对象e被正确传递,在方法中要接收event参数:

handleTap(e) {
  console.log(e.currentTarget.dataset.url)
}
  1. 如果是动态绑定的url,需要使用冒号绑定:
<view @tap="handleTap" :data-url="dynamicUrl"></view>
  1. 检查是否在编译到小程序平台时出现问题,不同平台对dataset的处理可能略有差异

  2. 可以尝试使用$event获取事件对象:

<view @tap="handleTap($event)" data-url="xxx"></view>

如果仍然无法获取,建议在方法中打印整个event对象检查数据结构:

handleTap(e) {
  console.log('完整事件对象:', e)
  console.log('dataset:', e.currentTarget.dataset)
}
回到顶部