uniapp e.currentTarget.dataset注意点

最新推荐文章于 2024-03-18 16:01:03 发布
最新推荐文章于 2024-03-18 16:01:03 发布
阅读量4.1k 收藏 2
点赞数
分类专栏： 前端 文章标签： vue.js html5 uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41200881/article/details/113840612
版权

在写uniapp时遇到个问题：在编译到H5时能获取到数据，而在微信小程序中却获取不到数据报错了

如图：

然后根据提示信息在相关代码处加了console.log查看输出

结果发现是在为元素添加标签时出错了

查看两端控制台才发现原因：

H5:

微信小程序：

微信小程序中将大写字母转换成了小写

解决办法：将HbuilderX中data-trailerId改为全小写

xiao-bailong
关注
专栏目录
uniapp基础知识
Lin_25937的博客
11-29 521
uniapp
UniApp常用功能（一）
m0_60161060的博客
08-29 577
1.推送消息 方式一 （1）前端自己推送 // unipush消息推送 getpush() { let option = { title: '主标题', sound: 'system', } void plus.push.createMessage('您的商品已经发货啦，可点击查看物流状态！', 'push=/pag...
uniapp:使用data-名称为函数传参，并在e.currentTarget.dataset.名称中获取
沧笙踏歌的博客
02-22 9629
html <view class="btn-buyer" @tap="mybtn" data-buyer="buyer"> 我是买家 </view> js mybtn(e){ console.log(e); console.log(e.currentTarget.dataset.index); } 我写的这篇文章可能有帮助 https://blog.csdn.ne...
uniapp 事件委托 获取不到dataset,并且currentTarget为空
最新发布
bluemengcom的博客
03-18 532
张三
uni-app获取对象的所有属性（推荐调用里面currentTarget）
JEFF_xieyuzhi的博客
11-02 1万+
<h1 @click='clickHot'>热门</h1> methods:{ clickHot(e){ console.log(e) } } console.log(e)打印出来如下图：
uniapp 事件委托失败 获取不到dataset
LlanyW的专栏
09-27 750
打印出来的dataset都是空，即使span加了pointer-event: none也用。把span改成uniapp的标签view，再获取点击事件终于带出dataset 了。可能是uniapp框架原因，使用h5的原生的span效果不出来。v-for 多个span ,绑定点击事件。代码:view里包着一个span,
tabClick(e) { console.log(e) let index = e.currentTarget.dataset.index if (index != this.data.tabIndex) { let msg = this.data.msg let detail = '' if (index == '0') { detail = msg.term } else if (index == '1') { detail = msg.agreement } this.setData({ detail, tabIndex:index }) } }, 转换成uniapp
06-01
let index = e.currentTarget.dataset.index; if (index != this.data.tabIndex) { let msg = this.data.msg; let detail = ''; if (index == '0') { detail = msg.term; } else if (index == '1') { detail...
学习小程序遇到的问题一
Daisy_ls的博客
06-23 254
今天在学习小程序时遇到了一个自己走不出的死胡同，记录一下
uniapp点击按钮获取到值
m0_66702519的博客
12-02 2105
uniapp点击按钮获取id值
uniapp 总计 涵盖(html vue css js)
jack_rose_me的博客
03-04 1639
uniapp 总计 涵盖(html vue css js)
uni-app中关于事件点击后获得数据dataset自定义数据要注意+点赞代码
qq_43468165的博客
04-28 2847
<view class="zuopin-right-text">{{li.createtime}} <view class="start-change"> <image src="../../static/img/start.png" :data-id="index" :data-num="li.id" :data-like="li.ilike" @click="dianZan" v-show="li.ilike==2"> </image> &l
uni-app开发常用操作速查记录
weixin_43401380的博客
12-02 5515
uni-app开发常用操作速查记录
uni-app中的事件对象 e
记录点滴
06-05 4933
当点击按钮，事件绑定在view上时： <template> <view class="content" @tap.stop="click($event)"> <button id="btn">click</button> </view> </template> <script> export default { methods: { click(e) { .
初识uni-app 学习笔记
发现问题，面对问题，分析问题，解决问题，总结问题
05-16 788
文章目录文档官方文档插件市场学习总结（一）项目开发（1）目录结构（二）页面开发（1）基础1.新建页面2.删除页面3.应用首页4.页面生命周期函数5.组件生命周期（2）参数传递 文档 官方文档 https://uniapp.dcloud.io/ 插件市场 https://ext.dcloud.net.cn/ 学习总结 （一）项目开发 （1）目录结构 一个uni-app工程，默认包含如下目录及文件： 【1】编译到任意平台时，static 目录下的文件均会被完整打包进去，且不会编译。非 static 目录下
uni-app：循环数据点击事件获取每行指定数据（获取参数）
weixin_46001736的博客
09-27 1472
uni-app：循环数据点击事件获取每行指定数据（获取参数）
uniapp实现顶部选项卡
cuilinlong的博客
07-20 1509
uniapp实现顶部选项卡威信搜索小程序检索助手或者法务手册，查看实际运行效果。
e.target.dataset和e.currentTarget.dataset
热门推荐
苍山负雪_Stacking
05-15 1万+
e.target.dataset和e.currentTarget.dataset
uni-app 动态设置 swiper 的高度 自定义Tab
weixin_72271537的博客
05-14 706
【代码】uni-app 动态设置 swiper 的高度 tab栏切换，左右滑动。
uniapp框架下开发微信小程序常用到的方法与一些代码块
u013368539的博客
11-25 527
this.inputMpt="请输入城市/门店名称"//隐藏、显示输入框提示。//打开地图------//修改搜索框里的内容。
e.currentTarget.dataset
06-11
e.currentTarget.dataset是一个JavaScript中的对象，它包含了当前事件绑定的元素（即事件的目标元素）上所有的data-*属性值。这些属性值可以通过e.currentTarget.dataset[key]的方式访问，其中key是具体的data-*属性名。例如，如果目标元素上有data-id="123"的属性，那么可以通过e.currentTarget.dataset.id来获取该属性的值，即123。这个对象通常用于事件处理函数中，以便在事件触发时获取目标元素上的自定义数据。需要注意的是，该对象只包含目标元素上的data-*属性值，而不包含其他属性值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值