微信小程序bindtap普通事件传参方法

使用bindtap在组件中绑定一个事件处理函数，当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。

使用data-* 进行传参，

<view id="tapTest" data-hi="Weixin" bindtap="tapName"> Click me! </view>

在相应的Page定义中写上相应的事件处理函数，参数是event。

Page({tapName: function(event) {console.log("获取参数hi:",event.currentTarget.dataset.hi)}
})

catchtap：绑定并阻止事件冒泡

官方文档：
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html

微信小程序bindtap普通事件传参方法相关推荐

微信小程序 bindtap绑定如何传参
在写微信小程序代码的时候,对于前端一个组件需要进行前端向后端绑定,我们可以使用bindtap,如下面的例子: <view bindtap="upload_image"> ...
微信小程序——点击事件传参没有数据(undefined)
今天在wxml和js传参的时候,为了和后台的命名规则保持一致,在data-questionId的驼峰式命名,结果发现参数传到js的时候,js打印出来为undefined.今天把这个坑填了! 微信开发者 ...
微信小程序 - 点击事件传参
首先给某个按钮或者某个组件添加 bindtap点击事件再加上 data-xxx="传值内容" (xxx可以自定义单词) 例如: //xx.wxml <view bindt ...
微信小程序页面导航、传参、接收参数
页面导航指的是页面之间的相互跳转,在微信小程序中,页面导航分为如下两种: 1.声明式导航: 在页面上声明一个<navigator>导航组件通过点击<navigator>导航组 ...
微信小程序开发之页面传参
这传参主要是三种: 1.简单值传参如:id=1,string = asdfg之类,其中字符不包含特殊字符如?.=之类 2.含特殊字符传参如一个地址http://r.photo.store.qq.co ...
小程序中点击事件传参
小程序是事件驱动型的,小程序可以使用点击事件传递参数: 代码如下: // wxml文件 <view class="container"> <view class= ...
微信小程序6 - 页面之间传参及通知系统封装
1. 简单传参 wx.navigateTo({ url: '/pages/demo/index/index?id=1' }) /pages/demo/index/index.js 中 onLoad(o ...
解决微信小程序跳转页面传参有特殊字符。
传参的时候转换JSON,另一边接收会因为特殊字符而报错. 解决方法: 传参的时候用encodeURIComponent进行编码 let arr=encodeURIComponent(JSON.stri ...
微信小程序页面跳转传参
跳转到下一个页面在page1.wxml写点击事件 <button bindtap="next_page" type="primary">跳转到下一 ...

微信小程序bindtap普通事件传参方法

使用bindtap在组件中绑定一个事件处理函数，当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。

catchtap：绑定并阻止事件冒泡

微信小程序bindtap普通事件传参方法相关推荐

最新文章

热门文章