currentTarget 事件绑定的当前组件。 如果你在父容器上绑定了事件并传参,当你点击父容器时,事件绑定的组件和触发事件的源组件是同一个元素,所以currentTarget 、target 都可以拿到参数,但是当你点击子元素时,target 就不是事件绑定的组件了,所以拿不到参数。 由于事件冒泡的机制,父容器上绑定的事件依然可以触发,所以cu...
微信小程序-bindtap点击事件传参 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。 事件对象可以携带额外信息,如 id, dataset, touches。 看图,因为需要传递的数据比较多,所以我们通过dataset携带参数信息。如果...
之前一直以为微信小程序按钮点击事件传参是和web端相同,即在事件中写明所传递的参数即可,但是这样尝试过以后发现小程序的控制台报错,报所写的bindtap中参数错误,之后百度发现,小程序按钮点击这类事件时一般的处理方法是指明元素所在的id,bindtap只是写明函数名,例如,bindtap=’setNumber’,而不是bindtap=’setNumber(...
事件传参 因为小程序会把bindtap的属性值统一当做事件名称来处理,相当于调用一个名称为btnHandler(123456)的事件处理函数。 可以为组件提供data-自定义属性传参,其中代表的是参数的名字,示例如下: info:参数名字 2:参数值 ? 1 <button type="primary" bindtap="btnHandler" data-info="{<!--{cke_protected}{C...
那么我需要传参怎么办呢,官方是这样定义的。 bindtap只是写明函数名,例如,bindtap='setNumber',而不是bindtap='setNumber(1)',在js中只要写function(e).通过e可以获取所传过来元素的所有信息。 大概是如下图所示的样子: 上代码: Index.wxml html
1. 2. // js文件 toPage(name){ console.log(name) } 1. 2. 3. 4. 报错: 正确写法 bindtap在传参时需要用到data-xxx来进行传递参数,正确的形式应当为: // wxml页面 <view class="card_box" bindtap="toPage" data-name="12"></view> ...
微信小程序之bindtap事件绑定传参 wxml代码: <viewclass='fen'><textbindtap='prev'data-page="{{pageDang}}">上一页</text><textbindtap='next'data-page="{{pageDang}}">下一页</text></view> js代码: prev:function(e){//当前页-1varcnt=e.currentTarget.dataset.page-1;if(cnt!=0){this....
微信小程序-bindtap点击事件传参 微信⼩程序-bindtap点击事件传参 事件是视图层到逻辑层的通讯⽅式。事件可以将⽤户的⾏为反馈到逻辑层进⾏处理。事件可以绑定在组件上，当达到触发事件，就会执⾏逻辑层中对应的事件处理函数。事件对象可以携带额外信息，如 id, dataset, touches。这⾥写图⽚描述 这⾥...
标签中绑定点击事件bindtap="onDetail" js 页面他通过onDetail方法 获取参数 onDetail(e){console.log(e);letcustomerNo=e.currentTarget.dataset.customerNo;console.log("customerNo",customerNo);} 控制台结果: image-20200503142339240.png 注意事项: