在微信小程序中,e.target.dataset是一个非常重要的属性,它用于获取事件目标上data-xxx属性的值。具体来说,当你在元素上设置data-xxx属性时,可以通过e.target.dataset.xxx来获取该属性的值。这个特性在小程序的优化用户体验方面起到了很大的作用。三、应用场景与实例下面我们通过一个具体的实例来展示e.target.dataset...
如果以上步骤都没有解决问题,可以尝试以下方式进行排查: 检查组件的父子关系:如果事件处理函数在父组件中,而绑定事件的组件是子组件,可能需要通过e.target.dataset来获取自定义属性值。 检查组件的事件冒泡:如果事件处理函数在子组件中,而绑定事件的组件是父组件,可能需要通过在父组件上加上catchtap属性来阻止冒泡。 检...
小程序中的e.target与e.currentTarget e.target是tap点击事件触发的对象(也就是点击的是谁) e.currentTarget是事件绑定在哪个元素上(也就是这个事件在哪个组件上) 案例1: 案例1,console打印结果,如下图: tap1与tap3使用的是bind关键字绑定tap事件,因为tap事件属于冒泡事件,所以会发生事件冒泡。当点击middle View,...
先来大概梳理下逻辑,以便引申与更一步了解target与curentTarget。 在小程序中,事件分为2种,冒泡与非冒泡。这不是重点!由于是要理清e.target和e.currentTarget的区别,所以下面从e入手来说。e为事件对象,可以携带额外信息,如 id, dataset, touches。 小程序中,事件对象不止一种,如基础事件对象、自定义事件对象等,...
会触发 bindtap="gogogo" 吗?会 那么这个 e.target 是指 view 还是指 image 呢?image 结论就是:点击时它会向上寻找 bindtap,但是它传送的 target 还是自身。 所以上面的代码,为了保证 e.target.dataset.id 正确传送,我们也应该给 image 指定 data-id。
4、e.currentTarget.dataset、e.target.dataset 用法,console.log(e) 调试技巧。 5、难点:数组数据下标为动态数据时的取值方法。 项目要求: 1、构建 WXML 模板。 2、使用 wx:for 循环输出四个图片,每个图片包含一个 view 组件。每个 view 中 上传者:weixin_38503448时间:2021-03-29 ...
OK,重点便在这里。在组件中可以定义数据,这些数据将会通过事件传递给 SERVICE。 书写方式: 以data-开头,多个单词由连字符-链接,不能有大写(大写会自动转成小写)如data-element-type,最终在 event.target.dataset 中会将连字符转成驼峰elementType。 这里写图片描述 ...
view标签加bindtap事件，用data-name传值，如果view中只有文字，点击整个view区域都可以接收到data-name的值，如果view里面加一个lable标签，那么点击lable包裹的区域，data-name取不到值。解决方法：把取值方式由e.target.dataset.carrierName修改为e.currentTarget.dataset.carrierName即可！
而在事件处理函数中,通过 event.target.dataset.参数名 即可获取到 具体参数的值 示例代码如下: btnHandler(event){// dataset 是一个对象,包含了所有通过 data-* 传递过来的参数项console.log(event.target.dataset);// 通过 dataset 可以访问到具体参数的值console.log(event.target.dataset.info);} ...
"target": { "id": "tap2", "dataset": { "hi":"触发组件源" } }, "currentTarget": { "id": "tap1", "dataset": { "hi":"绑定组件" } } } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 3、data-hi和dataset,这两个属性有什么关系呢?