传参详解 1. 什么是 bindtap 及其通常用途? bindtap 是微信小程序中用于绑定点击事件的一个属性。当用户点击绑定了 bindtap 的组件时,会触发指定的事件处理函数。这允许开发者在用户与界面交互时执行特定的逻辑,如更新数据、导航到其他页面或触发动画等。
currentTarget 事件绑定的当前组件。 如果你在父容器上绑定了事件并传参,当你点击父容器时,事件绑定的组件和触发事件的源组件是同一个元素,所以currentTarget 、target 都可以拿到参数,但是当你点击子元素时,target 就不是事件绑定的组件了,所以拿不到参数。 由于事件冒泡的机制,父容器上绑定的事件依然可以触发,所以cu...
currentTarget 事件绑定的当前组件。 如果你在父容器上绑定了事件并传参,当你点击父容器时,事件绑定的组件和触发事件的源组件是同一个元素,所以currentTarget 、target 都可以拿到参数,但是当你点击子元素时,target 就不是事件绑定的组件了,所以拿不到参数。 由于事件冒泡的机制,父容器上绑定的事件依然可以触发,所以cu...
<viewbindtap="goIndex"data-query="{{item.query}}">点击事件传参</view> js: goIndex:function(e){// 传递的参数constquery=e.currentTarget.dataset.query;} 注意:data-Index 还是data-INDEXXX:默认都是 index 小写
如果在bindtap传参时,顺便使用了wx:for列表渲染,会出现传递的参数时有时无的问题。 <viewwx:for="{{array}}"data-id="item.id"bindtap="getId"> {{index}}: {{item.message}} view> 此时点击wx:for迭代生成的view,会出现event.target.dataset.id获取时有时无的情况。
之前一直以为微信小程序按钮点击事件传参是和web端相同,即在事件中写明所传递的参数即可,但是这样尝试过以后发现小程序的控制台报错,报所写的bindtap中参数错误,之后百度发现,小程序按钮点击这类事件时一般的处理方法是指明元素所在的id,bindtap只是写明函数名,例如,bindtap=’setNumber’,而不是bindtap=’setNumber(...
bindtap方法传参 1、wxml 1 2 3 <view bindtap="pay_again"data-name="{{orderList.jid}}"data-fee="{{orderList.act_fee}}"data-mobile="{{orderList.p_phone}}"data-act="{{orderList.act_name}}"class="operating f_r webkit-box"style="line-height:30px;"> 继续...
那么我需要传参怎么办呢,官方是这样定义的。 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事件传参 <!-- 传参 --> <viewbindtap='operation'data-item='{{item}}'> // 获取 operation:function(e) {varitem =e.currentTarget.dataset.item; console.log(item); },