在微信小程序中,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,...
在组件中可以定义数据,这些数据将会通过事件传递给 SERVICE。 书写方式: 以data-开头,多个单词由连字符-链接,不能有大写(大写会自动转成小写)如data-element-type,最终在 event.target.dataset 中会将连字符转成驼峰elementType。 这里写图片描述 看代码可知,这里是自定义了一个名字为id的dataset,因此在事件函数中,...
会触发 bindtap="gogogo" 吗?会 那么这个 e.target 是指 view 还是指 image 呢?image 结论就是:点击时它会向上寻找 bindtap,但是它传送的 target 还是自身。 所以上面的代码,为了保证 e.target.dataset.id 正确传送,我们也应该给 image 指定 data-id。
view标签加bindtap事件，用data-name传值，如果view中只有文字，点击整个view区域都可以接收到data-name的值，如果view里面加一个lable标签，那么点击lable包裹的区域，data-name取不到值。解决方法：把取值方式由e.target.dataset.carrierName修改为e.currentTarget.dataset.carrierName即可！
先来大概梳理下逻辑,以便引申与更一步了解target与curentTarget。 在小程序中,事件分为2种,冒泡与非冒泡。这不是重点!由于是要理清e.target和e.currentTarget的区别,所以下面从e入手来说。e为事件对象,可以携带额外信息,如 id, dataset, touches。 小程序中,事件对象不止一种,如基础事件对象、自定义事件对象等,...
count: this.data.count + e.target.dataset.myinfo }); }, // 页面的初始数据 data: { count: 0, addNum: 10 } }) 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. bindinput 在小程序中,通过 input 事件来响应文本框的输入事件,语法格式如下: ...
第一种:将参数绑定到wxml标签上,然后通过event.target.dataset获取 第二种:直接使用Page.data或其他数据 到目前为止,一个完整的小程序框架已经实现 ✦ 小程序只有逻辑和视图两部分,而且不提供组件化解决方案 ✦ 逻辑主要包含四个东西:两个配置文件 && 两个核心函数 ...
而在事件处理函数中,通过 event.target.dataset.参数名 即可获取到 具体参数的值 示例代码如下: btnHandler(event){// dataset 是一个对象,包含了所有通过 data-* 传递过来的参数项console.log(event.target.dataset);// 通过 dataset 可以访问到具体参数的值console.log(event.target.dataset.info);} ...