微信小程序--(5-1)点击列表item,把item上面显示的所有数据,传递到另外一个页面
2017-07-27 15:07
711 查看
1,WXML页面
其实很简单,由于本人是小白,所以记录一下。
<view class="item_width weui-pa" wx:for="{{itemsData}}" wx:key="">
<view class="weui-media" data-index="{{item}}" bindtap="cashbackcred">
<view class="">
<image class="userinfo-avatar" src="../resources/yinghang02.png"></image>
<text class="item_name">{{item.bankName}}</text>
<text class="item_title">{{item.bankCardNo}}</text>
</view>
<view class="weui-cell__ft">
<image class="user_image" src="../resources/back.png"></image>
</view>
</view>
</view>
</view>
</view>
2,js
var $data = e.currentTarget.dataset;
console.log($data)
其实很简单,由于本人是小白,所以记录一下。
<view class="item_width weui-pa" wx:for="{{itemsData}}" wx:key="">
<view class="weui-media" data-index="{{item}}" bindtap="cashbackcred">
<view class="">
<image class="userinfo-avatar" src="../resources/yinghang02.png"></image>
<text class="item_name">{{item.bankName}}</text>
<text class="item_title">{{item.bankCardNo}}</text>
</view>
<view class="weui-cell__ft">
<image class="user_image" src="../resources/back.png"></image>
</view>
</view>
</view>
</view>
</view>
2,js
var $data = e.currentTarget.dataset;
console.log($data)
相关文章推荐
- 微信小程序开发2-点击列表中的某一行跳转到新的页面显示该列的详细信息
- 单击DataGrid的行,使这行的数据显示在这个页面的下面,有点像winform的一个列表
- Jquery 实现点击一个页面跳转后在另外一个页面显示指定位置
- hbuider 中点击就显示出一个单选的列表 ,然后后台跨域向里面动态添加数据,注意里面的格式是json object
- 从点击事件看微信小程序的数据传递
- Android小例子(点击一个按钮,传递数据给另一个页面)
- 单击DataGrid的行,使这行的数据显示在这个页面的下面,有点像winform的一个列表
- 微信小程序 页面跳转传递数据
- 微信小程序从子页面退回父页面时的数据传递 wx.navigateBack()
- 微信小程序 页面跳转和数据传递实例详解
- 利用Irame传递大容量数据给另外一个页面
- android程序一个注册,然后到设置兴趣爱好,出生日期,然后把所有信息显示在另一个页面的程序
- Android开发(11)-利用listview控件显示person表中的所有数据(并实现点击触发拨号程序)
- 微信小程序之点击列表的item带参数跳转界面
- 微信小程序wx.request请求回来的数据没有及时显示到页面上
- Android中的软件列表_点击启动另外一个程序
- ThinkPHP备份数据( 先在页面列表内显示每个数据表名称,点击操作按钮【备份】对其备份)
- Android小例子(点击一个按钮,传递数据给另一个页面)
- 【微信小程序】微信小程序页面跳转的数据传递
- 一个div中许多列表,使用全局,将数据显示到页面