微信小程序点击传参
当前位置：点晴教程→知识管理交流
→『 技术文档交流 』
 ：微信小程序点击传参 在微信小程序中，可以使用 bind 关键字来绑定事件。例如，常见的 tap 事件可以通过以下方式绑定： <view bindtap="handleTap">点击我</view> 在对应的 Page 中定义事件处理函数： Page({
handleTap: function(event) {
console.log(event);
}
}); 事件传参 微信小程序中，可以通过自定义属性来给事件处理函数传递参数。使用 data- 前缀定义自定义属性，并在事件处理函数中通过 event.currentTarget.dataset 获取参数。例如： <view bindtap="handleTap" data-value="hello">点击我</view> 在事件处理函数中获取参数： Page({
handleTap: function(event) {
console.log(event.currentTarget.dataset.value); // 输出 "hello"
}
}); 阻止事件冒泡 在微信小程序中，可以使用 catch 关键字来绑定事件，并阻止事件冒泡。例如： <view bindtap="handleTap1">
outer view
<view catchtap="handleTap2">
middle view
<view bindtap="handleTap3">inner view</view>
</view>
</view> 在事件处理函数中： Page({
handleTap1: function() {
console.log('handleTap1');
},
handleTap2: function() {
console.log('handleTap2');
},
handleTap3: function() {
console.log('handleTap3');
}
}); 点击 inner view 时，只会触发 handleTap3 和 handleTap2，不会触发 handleTap1。 事件对象 事件对象包含了触发事件的详细信息，例如事件类型、时间戳、触发事件的组件等。常见的属性包括：
例如： Page({
handleTap: function(event) {
console.log(event.type); // 事件类型
console.log(event.timeStamp); // 时间戳
console.log(event.target.id); // 触发事件的组件ID
console.log(event.currentTarget.dataset.value); // 自定义数据
}
}); 该文章在 2026/3/2 9:58:47 编辑过 |
关键字查询
相关文章
正在查询... 
|
400 186 1886
