小程序-swiper-item点击事件
来源:互联网 发布:网络空间主权是我国 编辑:程序博客网 时间:2024/06/10 04:32
index.wxml
<swiper class="banner" catchtap="onItemClick"> <block wx:for="{{dataList}}"> <swiper-item> <image src="{{item.img}}" class="slide-image" data-postId="{{item.id}}" /> </swiper-item> </block> </swiper>
index.js
/** * 页面的初始数据 */ data: { dataList:[ { id: 1, img:"http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg"}, { id: 2, img: "http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg" }, { id: 3, img: "http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg" }, ] }, onItemClick:function(event){ wx.showToast({ title: event.target.dataset.postid+"", }) },
阅读全文
0 0
- 小程序-swiper-item点击事件
- 微信小程序swiper实现轮播图,可触发点击事件
- 小程序中点击事件传参
- RecyclerView item内部点击事件、item点击事件冲突
- android ListView Item 点击事件
- ListView Item点击事件失效
- SimpleAdapter响应item点击事件
- ListView item点击事件失效
- RecyclerView设置Item点击事件
- RecyclerView Item 的点击事件
- listview捕获点击item事件
- ListView的item点击事件
- RecyclerView中item点击事件
- RecyclerView设置 item点击事件
- RecyclerView的item点击事件
- RecyclerView item 点击事件设置
- gridView的item点击事件
- RecycleView的Item点击事件
- css position
- Android Toolbar 透明化解决方案
- 【总结】嵌入式linux内核中Makefile、Kconfig、.config的关系及增加开机Hello World
- 解决POST数据时因启用Csrf出现的400错误
- java动态代理
- 小程序-swiper-item点击事件
- HTML DOM setTimeout() 方法
- 为什么只能在主线程中操作UI?为什么子线程中setText不报错?
- Keepalived+Nginx实现负载均衡高可用
- 微信小程序-分享页面到微信群或者好友携带分享者身份信息
- Java表达式转型规则
- Mac Mini
- 视觉SLAM(一) 视觉SLAM漫谈
- SQL的内连接,外链接