微信小程序使用 e.target.dataset 的问题

最新推荐文章于 2024-08-13 03:24:20 发布

Misaya_D

最新推荐文章于 2024-08-13 03:24:20 发布

阅读量6.4k

点赞数 4

文章标签：微信小程序

本文链接：https://blog.csdn.net/Misaya_D/article/details/64460813

版权

实际上直接 console.log(e) 就能解决问题。
e 对象中包含两个对象分别是 currentTarget 和 target ，而真正的数据包含在 currentTarget。
这也就是为什么一会有数据一会又 undefined 的原因。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Misaya_D

关注关注

4
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

微信小程序 --- e.currentTarget.dataset.id 获取不到值

weixin_33878457的博客

04-15

5257

直接代码 wxml代码片段 <view class='ranksList' wx:for="{{ranksLb}}"> <view class='ranksListName'><image src='../image/icon-21.png'></image><text>{{item.name}}</text>

微信小程序 使用 wx.downloadFile()方法

Missbelover的博客

01-30

1万+

实现 url 路径的图片的显示进行保存 wx.downloadFile({ url: // 图片在线 url , success (res) { if (res.statusCode === 200) { // console.log("res.tempFilePath",res.tempFilePath); 微信临时路径 wx.hideLoading(); that.setData({ 'isSubmitIng': false

2 条评论您还未登录，请先登录后发表或查看评论

微信小程序事件对象中e.target和e.currentTarget的区别详解

10-17

主要介绍了微信小程序事件对象中e.target和e.currentTarget的区别详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

微信小程序使用e.target.dataset的小bug

让优秀成为一种习惯

10-23

3万+

在微信开发中我们经常会会用到标签中属性的属性值，有时候我们通过 data-* 和 e.target.dateset 来获取属性值会出现一点小bug，即是调用出来的数据是undefined

微信小程序中data-key属性之数据传输(经验总结)

weixin_41207835的博客

08-13

本文是总结的一点经验之谈啥是data-key微信小程序推出data-属性——自定义属性，为了更好的进行数据传递。总结来说，data-key="{{...}}"是获取页面中需要用的数据，往js文件（事件）中传——被绑定在其组件上的事件使用也就是常说的：dataset；（比如：wx:for的view中的每一个项的na...

微信小程序 解决按钮点击后e.currentTarget.dataset为空的方法

Jay_fearless的博客

03-16

2272

点击按钮但返回dataset为空的解决办法

uniapp微信小程序,页面渲染数据会闪一下出现undefined后再显示页面

weixin_62273193的博客

01-12

5532

uniapp如何解决页面内容加载中先显示undefined 后显示数据？

微信小程序左侧导航.rar

02-03

微信小程序是一种轻量级的应用开发平台，由腾讯公司推出，主要针对移动设备用户，提供无需安装即可使用的便捷服务。在微信小程序中，导航设计是用户体验的重要组成部分，特别是左侧导航，通常用于实现页面间的快速...

【学习笔记之小程序开发】js文件中参数的用法

IsQiya Bug Worlde

03-04

260

e.detail.value 获取文本框中数据在控制台进行同步显示 e.target.dataset.info获取文本框数据进行累加

e.target.tagName和e.target.dataset的作用是什么

minutes_10的博客

10-30

2588

事件委托

微信小程序开发—入门到跑路(二)

一个前端开发者

12-14

1523

事件是视图层到逻辑层的通讯方式，事件可以将用户的行为或者组件的状态反馈到逻辑层进行处理小程序中常用的事件什么是 WXSSWXSS (WeiXin Style Sheets) 是一套样式语言，用于描述 WXML 的组件样式WXSS 用来决定 WXML 的组件应该怎么显示WXSS 和 CSS 的关系WXSS 具有 CSS 大部分特性，为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改与 CSS 相比，WXSS 扩展的特性有rpx 尺寸单位@import 样式导入。

小程序day3

taosy122的博客

06-30

576

1：基本原则a：在data：{ }中定义数据b：在wxml中使用在对应页面的.js文件中使用，把数据定义到data对象中 Page({ data: { name:'这是一个数据' }, }） Mustache语法格式把data中的数据绑定到页面中渲染，使用Mustache语法（双大括

e.target.dataset和e.currentTarget.dataset

苍山负雪_Stacking

05-15

1万+

e.target.dataset和e.currentTarget.dataset

微信小程序 --- e.currentTarget.dataset.id 获取不到值

Eileen_Crystal的博客

03-26

2万+

直接代码 wxml代码片段 <view class='ranksList' wx:for="{{ranksLb}}"> <view class='ranksListName'><image src='../image/icon-21.png'></image><text>{{item.name}}</text&g

e.target.dataset与e.currentTarget.dataset获取不到定义的值

祗想安静地的博客

04-24

2万+

你是否遇到这种情况：当你想要获取某个属性里面的值时，怎么点击都无法获取到那个值，例如下面的例子，你想获取view标签里面data-action这个属性的father的这个值，但是你发现点击的时候并没有取到“father” wxml代码： <view data-action="father" bindtap="GetAction"> <image src="ht...

微信小程序传值以及获取值方法

最新发布

09-14

微信小程序中的target通常指的是事件绑定的目标元素，它可以在事件处理函数中通过事件对象event被访问到。使用target可以获取到触发事件的具体元素信息，这对于实现更加复杂的交互逻辑非常重要。以下是一个简单的微信小程序使用target的案例：假设我们有一个列表页面，用户点击列表中的每一项可以查看详细信息。在这个场景中，我们可以使用target来获取用户点击的具体是哪一个列表项。 ```javascript // 在WXML文件中 <view class="list" bindtap="onListItemTap"> <block wx:for="{{items}}" wx:key="unique"> <view class="list-item">{{item.title}}</view> </block> </view> // 在JS文件中 Page({ data: { items: [ { title: '详情1', id: 1 }, { title: '详情2', id: 2 }, { title: '详情3', id: 3 }, // 更多列表项... ] }, onListItemTap: function(event) { // event.currentTarget.dataset 可以获取到绑定事件的元素上设置的data-*属性 // 在这个例子中，我们在WXML的view元素上设置了data-id属性 const id = event.currentTarget.dataset.id; console.log('用户点击的列表项id是：', id); // 这里可以根据id去获取更多的详细信息，并进行页面跳转等操作 } }); ``` 在这个例子中，我们在WXML中为每一个列表项绑定了点击事件，并且在数据绑定中为每个列表项设置了一个`data-id`属性。在事件处理函数`onListItemTap`中，我们通过`event.currentTarget.dataset.id`获取到了被点击的列表项的id。这样我们就可以根据id来执行相应的逻辑，比如跳转到详情页面。