南京模板网站建设企业,开个app需要多少钱,我的班级网站模板,有什么样的网站开发事件传参#xff1a;在触发事件时,将一些数据作为参数传递给事件处理函数的过程,就是事件传参。 在微信小程序中,我们经常会在组件上添加一些自定义数据,然后在事件处理函数中获取这些自定义数据,从而完成业务逻辑的开发。 在组件上通过data-的方式定义需要传递的数据,其… 事件传参在触发事件时,将一些数据作为参数传递给事件处理函数的过程,就是事件传参。 在微信小程序中,我们经常会在组件上添加一些自定义数据,然后在事件处理函数中获取这些自定义数据,从而完成业务逻辑的开发。 在组件上通过data-的方式定义需要传递的数据,其中*是自定义的属性,例如: view data-id100 bindtaphandier/然后通过事件对象进行获取自定义数据。
步骤一创建按钮 打开微信开发者工具找到“分类”根据其路径找到cate.wxml文件在其中创建一个按钮写入代码 viewbutton按钮/button
/view 步骤二按钮样式配置 找到cate.scss文件对按钮样式进行配置 view{display: flex;height: 300rpx;background-color: skyblue;align-items: center;
} 步骤三创建事件处理函数 找到cate.wxml文件给其创建一个事件处理函数 viewbutton bind:tapbtnHandler按钮/button
/view 步骤四进行事件传参 事件传参如果需要进行事件传参需要再组件上通过 data- 的方式进行传递数据 view!-- 如果需要进行事件传参需要再组件上通过 data- 的方式进行传递数据 --button bind:tapbtnHandler data-id1 data-nametom按钮/button
/view 步骤五事件对象的打印 如果想接受处理到的数据需要通过事件对象来进行找到cate.js文件进行事件对象的打印 Page({// 给事件处理函数添加事件对象“event”btnHandler(event){// 打印事件对象console.log(event)},}) 步骤六获取事件处理函数数据
currentTarget事件绑定者也就是哪个组件绑定了当前事件处理函数。
target事件触发者也就是哪个组件触发了当前事件处理函数。 1. currentTarget 和 target 是指同一种组件数据获取 currentTarget 和 target 都是指按钮因为是按钮绑定的事件处理函数同时点击按钮触发事件处理函数。这时候通过谁来获取数据都可以。 Page({// 给事件处理函数添加事件对象“event”btnHandler(event){// 打印事件对象console.log(event.currentTarget.dataset.id)console.log(event.target.dataset.name)},}) 2. currentTarget 和 target 不是指同一种组件数据获取 找到cate.wxml文件对事件处理函数进行更改 view bind:tapparentHandler data-parentid1 data-parentnametom!-- 如果需要进行事件传参需要再组件上通过 data- 的方式进行传递数据 --!-- button bind:tapbtnHandler data-id1 data-nametom按钮/button --button data-id1 data-nametom按钮/button
/view 找到cate.js文件打印parentHandler此时的事件对象 parentHandler(event){// 点击蓝色区域不点击按钮// currentTarget 事件绑定者view// target 事件触发者view// currentTarget 和 target 都是指view如果想获取 view 身上的数据使用谁都可以console.log(event)} 2.1 点击蓝色区域不点击按钮 currentTarget 事件绑定者view target 事件触发者view 可以看到currentTarget 和 target 都是指view如果想获取 view 身上的数据使用谁都可以。
2.2 不点击蓝色区域点击按钮 currentTarget 事件绑定者view target 事件触发者按钮 parentHandler(event){// 点击蓝色区域不点击按钮// currentTarget 事件绑定者view// target 事件触发者view// currentTarget 和 target 都是指view如果想获取 view 身上的数据使用谁都可以// 不点击蓝色区域点击按钮// currentTarget 事件绑定者view// target 事件触发者按钮// 如果想获取 view 身上的数据就必须使用 currentTarget 才可以// 如果想获取的是时间触发者本身数据就需要使用 targetconsole.log(event)}
}) 如果想获取 view 身上的数据就必须使用 currentTarget 才可以。 如果想获取的是时间触发者本身数据就需要使用 target。 3. 注意事项 若是事件连续单词组成例如将“data-parentid”改为“data-parent-id”
view bind:tapparentHandler data-parent-id1 data-parentnametom!-- 如果需要进行事件传参需要再组件上通过 data- 的方式进行传递数据 --!-- button bind:tapbtnHandler data-id1 data-nametom按钮/button --button data-id1 data-nametom按钮/button
/view 在传递参数时如果自定义属性是多个单词单词与单词直接使用中划线 - 进行连接在事件对象中会被转换为小托峰写法。 若是事件连续单词组成改成小托峰写法例如将“data-parentname”改为“data-parentName” view bind:tapparentHandler data-parent-id1 data-parentNametom!-- 如果需要进行事件传参需要再组件上通过 data- 的方式进行传递数据 --!-- button bind:tapbtnHandler data-id1 data-nametom按钮/button --button data-id1 data-nametom按钮/button
/view 在传递参数时如果自定义属性是多个单词单词如果使用小托峰写法在事件对象中会被转换为全部小写。 微信小程序开发_时光の尘的博客-CSDN博客
