小程序事件参数传递
2023-09-11 14:22:20 时间
event.js
// pages/event/event.js Page({ /** * 页面的初始数据 */ data: { articles:[ { "id":1, "title":"钢铁是怎样炼成的" }, { "id": 2, "title": "撒哈拉的故事" }, { "id": 3, "title": "雪国" }, { "id": 4, "title": "人生" }, { "id": 5, "title": "平方的世界" } ] }, onViewClick:function(event){ console.log("你好") }, onAclick:function(event){ var dataset = event.currentTarget.dataset; console.log(dataset); } })
event.wxml
<!--pages/event/event.wxml--> <view bindtap='onViewClick'>点击我</view> <!--为了将数据传给js文件,只需要在data-后面加上对应的数据名即可,如下的data-id可以将json中的数据传送给对应的js文件,然后就可以在控制台的target->dataset中获取到对应的数据--> <view class="article-group" wx:for="{{articles}}" bindtap='onAclick' data-id="{{item.id}}" data-title = "{{item.title}}"> {{item.title}} </view>
相关文章
- HTML5触摸事件(touchstart、touchmove和touchend) (转)
- Android Button的四种点击事件
- 编写高质量代码改善C#程序的157个建议[C#闭包的陷阱、委托、事件、事件模型]
- IOS事件响应控制
- Echarts折线图点击事件
- 小程序页面传参之事件传参
- 微信小程序开发系列 (三) :微信小程序如何响应用户点击事件和微信平台 API 的使用方法介绍
- Angular input控件的click事件响应处理的调用上下文
- Atitit.android js 的键盘按键检测Back键Home键和Menu键事件
- 微信小程序开发系列 (三) :微信小程序如何响应用户点击事件和微信平台 API 的使用方法介绍
- 医美小程序实战教程-提交事件
- Python之tkinter:动态演示调用python库的tkinter带你进入GUI世界(text.insert/link各种事件)
- JavaBean事件
- Android中 onTouchEvent() 与 onInterceptTouchEvent()事件的区别详解
- js事件流:捕获阶段和冒泡阶段addEventListener
- wpf程序启动事件
- e858. 将键盘键和事件绑定
- e650. 激活事件