小程序绑定事件传值是要使用currentTarget获取

最新推荐文章于 2020-09-30 11:20:05 发布
最新推荐文章于 2020-09-30 11:20:05 发布
阅读量2.2k 收藏
点赞数 1
分类专栏： 小程序开发
未经允许请勿转载，作者公众号 【 lai17mai 】新浪微博 【我是左小皓】
本文链接：https://blog.csdn.net/zxh1220/article/details/79796317
版权

小程序的事件绑定传值时，自定义的data-**，当在js中获取中，应该使用currentTarget，虽然有时target也可以获取，但是currentTarget才是最准确的，老手路过就可以了，这是我自己踩的坑，顺便记录一下

微信扫码，体验更多开发案例
左小皓
关注
专栏目录
微信小程序05 事件绑定与事件传参
m0_50707858的博客
03-28 6291
一、什么是事件 （一）定义 事件是渲染层（页面）到逻辑层（JS）的通讯方式，通过事件可以将用户在渲染层的行为，传递到逻辑层进行事务处理。 事件对象可以携带额外信息，如 id, dataset, touches。 （二）小程序中常用的事件 类型 绑定方式 事件描述 tap bindtap或者bind:tap 手指触摸后马上离开，类似于HTML中的click事件 input bindinput或 bind:input 文本框的输入事件 change bindchange或bind:cha
7.1.14 事件对象 target，currentTarget， input事件获取值
weixin_30535167的博客
09-18 170
1. input 事件 获取输入值 2. target 和currentTarget 转载于:https://www.cnblogs.com/beallaliu/p/9670672.html
微信小程序 currentTarget 和 target
Argent_
07-03 315
事件 什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。 事件对象可以携带额外信息，如 id, dataset,touches。 ...
小程序页面传值细节——target和currentTarget的区别
qq_44036956的博客
09-30 412
小程序中target和currentTarget的区别 先写结论 1、target 你点哪获取哪 没有就是空 2、currentTarget 你点哪获取点的哪个元素得父元素 没有就是空 3、没有子元素的时候 这俩相等 下面图解
微信小程序的点击事件获取下标currentTarget
h_j_c_123的博客
05-08 9443
微信小程序的点击事件获取下标e.currentTarget.dataset.index和e.target.dataset.index获取到的值都是未定义的问题；当我们采用block来循环数据时我们有时会想通过点击某个标签或者其他来完成一些事，但不管如何我们如何点击都是未定义那么问题出在哪，一般刚开始学习我们看资料，看别人都是将data-index这种标签绑定在block之上于是我们开始仿造于是不管...
【微信小程序】e.target.id和e.currentTarget.dataset.id的区别
不想做菜鸟的小螃蟹
04-24 3万+
1.需求page1展示一个列表，选中列表中的一项，获取该项的一些属性值，set到缓存里。page2 onLoad时从缓存里读取这个缓存，进行使用。2.原始代码①page1的xml文件 列表<view wx:for="{{courseList}}"> <template is="course_temp" data="{{item}}"></template&gt..
微信小程序 页面跳转如何实现传值
08-30
本文将详细介绍如何在微信小程序中实现页面跳转的同时传递参数，让读者了解两种常见的方法：通过URL参数传递和使用Page对象的生命周期方法。 （1）页面跳转如何传值（实现跳转到不同页面） 在微信小程序中，我们...
微信小程序 页面传值详解
08-31
微信小程序是一种轻量级的应用开发框架，允许开发者创建无需安装即可使用的应用。在小程序中，页面间的数据交换是实现功能和交互的关键。本篇文章将详细讲解微信小程序中的页面传值方法，帮助开发者更好地理解和运用...
微信小程序中target和currentTarget的区别小结
01-18
在小程序中，e.target与e.currentTarget是非常重要的，尤其是涉及到页面传值时 currentTarget和target都是组件的一些属性值集合，由“data-属性名”定义的一些属性值 currentTarget：事件触发的当前事件（当前事件，...
微信小程序 传值取值的几种方法总结
08-31
在微信小程序中，传值和取值是开发过程中的核心操作。本文将详细介绍三种常见的传值取值方法：列表index下标取值、页面传值和form表单取值。 1. **列表index下标取值** 当我们处理列表数据时，可以通过给列表项...
微信小程序 --- 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.currentTarget.dataset.id 获取不到值
weixin_33878457的博客
04-15 5304
直接代码 wxml代码片段 <view class='ranksList' wx:for="{{ranksLb}}"> <view class='ranksListName'><image src='../image/icon-21.png'></image><text>{{item.name}}</text>
微信小程序中target与currentTarget
weixin_30692143的博客
04-12 616
　target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。但事件流处于目标阶段，target与currentTarget指向一样， 而当处于捕获和冒泡阶段的时候，target指向被单击的对象而currentTarget指向当前事件活动的对象。在微信小程序中也可总结为：target指向发生事件的组件，currentTarget指向绑定事件的组件。 下面请看例子： ...
微信小程序-bindtap等事件传参
热门推荐
前端向朔
03-01 21万+
什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。 事件对象可以携带额外信息，如 id, dataset, touches。 看图，因为需要传递的数据比较多，所以我们通过dataset携带参数信息。如果只有一个参数，可以通过id来传递。详解（以常见的tap点击事情为例）
e.target.dataset与e.currentTarget.dataset
qq_41219586的博客
12-14 3228
e.target.dataset与e.currentTarget.dataset的作用：获取view中定义的值，定义方法 data-*=某个值 点击获取view获得view中某个定义的值—我在项目中的一个用途：点击商品获取商品id,并带参数传到详情页面 具体两个的区别见下面链接： e.target.dataset与e.currentTarget.dataset获取不到定义的值 ...
小程序中e.target与e.currentTarget区别详解
Syleapn的博客
07-30 3万+
在小程序中，e.target与e.currentTarget是非常重要的，尤其是涉及到页面传值时！本节只说两者的区别，关于传值下一节再详细讲解>https://blog.csdn.net/Syleapn/article/details/81290133#comments~ 下面开始正文啦！！ 先来大概梳理下逻辑，以便引申与更一步了解target与curentTarget。 ...
微信小程序-currentTarget和target的区别
qq_36901488的博客
09-04 3024
想实现的功能:点击list页面的轮播图会跳转到相应的detail页面 使用事件委托的方式,给父元素swiper添加点击事件catchtap='carouselToDetail' data-index='0':给点击事件的回调函数传index过去 <swiper catchtap='carouselToDetail' indicator-dots='true' indicator-col...
微信小程序使用e.target.dataset的小bug
让优秀成为一种习惯
10-23 3万+
在微信开发中我们经常会会用到标签中属性的属性值，有时候我们通过 data-* 和 e.target.dateset 来获取属性值会出现一点小bug，即是调用出来的数据是undefined
小程序中给绑定到元素的方法传参
liukai6的博客
07-02 3307
我们有时候渲染列表的时候需要将参数传递进去 <view bindtap="functionName" data-variable="{{variable}}"> functionName:function(event){ console.log(event); var variableData = event.currentTarget.dataset.variable; }...
微信小程序页面传值技巧详解
"微信小程序页面传值技巧与实践" 在微信小程序开发中，页面间的数据传递是一项基础且重要的任务。本文将详细介绍几种常见的页面传值方法，帮助开发者更好地理解和掌握这一技能。 一、跨页面传值 1. 使用`...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

左小皓

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值