之前一直以为微信小程序按钮点击事件传参是和web端相同,即在事件中写明所传递的参数即可,但是这样尝试过以后发现小程序的控制台报错,报所写的bindtap中参数错误,之后百度发现,小程序按钮点击这类事件时一般的处理方法是指明元素所在的id,bindtap只是写明函数名,例如,bindtap=’setNumber’,而不是bindtap=’setNumber(1...
微信小程序-bindtap点击事件传参 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。 事件对象可以携带额外信息,如 id, dataset, touches。 看图,因为需要传递的数据比较多,所以我们通过dataset携带参数信息。如果...
currentTarget 事件绑定的当前组件。 如果你在父容器上绑定了事件并传参,当你点击父容器时,事件绑定的组件和触发事件的源组件是同一个元素,所以currentTarget 、target 都可以拿到参数,但是当你点击子元素时,target 就不是事件绑定的组件了,所以拿不到参数。 由于事件冒泡的机制,父容器上绑定的事件依然可以触发,所以cu...
// wxml页面 <view class="card_box" bindtap="toPage('12')"> </view> 1. 2. // js文件 toPage(name){ console.log(name) } 1. 2. 3. 4. 报错: 正确写法 bindtap在传参时需要用到data-xxx来进行传递参数,正确的形式应当为: // wxml页面 <view class="card_box" bindtap="...
微信小程序-bindtap点击事件传参 微信⼩程序-bindtap点击事件传参 事件是视图层到逻辑层的通讯⽅式。事件可以将⽤户的⾏为反馈到逻辑层进⾏处理。事件可以绑定在组件上，当达到触发事件，就会执⾏逻辑层中对应的事件处理函数。事件对象可以携带额外信息，如 id, dataset, touches。这⾥写图⽚描述 这⾥...
微信小程序 bindtap 传参 ,代码如下所示: //index.wxml //index.js page({ data:{ }, changeIndex(e){ console.log(e.currentTarget.dataset.src); //...
// wxml页面<view class="card_box" bindtap="toPage('12')"> </view> // js文件toPage(name){console.log(name)} 报错: 正确写法 bindtap在传参时需要用到data-xxx来进行传递参数,正确的形式应当为: // wxml页面<view class="card_box" bindtap="toPage" data-name="12"></view> ...
id传参和dataset类似,只是最后获取值的时候不同。event.currentTarget.id PS:小程序 view使用bindtap传值问题 如图,view标签 加 bindtap事件,用data-name传值,如果view中只有文字,点击整个view区域都可以接收到data-name的值,如果view里面加一个lable标签,那么点击lable包裹的区域,data-name取不到值。 解决方法:把取值...
事件传参 因为小程序会把bindtap的属性值统一当做事件名称来处理,相当于调用一个名称为btnHandler(123456)的事件处理函数。 可以为组件提供data-自定义属性传参,其中代表的是参数的名字,示例如下: info:参数名字 2:参数值 ? 1 <button type="primary" bindtap...
微信小程序之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....