微信小程序-列表展示、条目点击。

直接贴图:

 

wx:for="{{datas}}"设置数据源;

wx:for-item="item"设置条目名称;

data-index='{{index}}'设置角标。

bindtap='itemClick'点击事件。

{{item.item}}显示数据

 

datas数据源。

条目点击

itemClick: function(e) {

// 获取点击条目id

var index = parseInt(e.currentTarget.dataset.index);

// 获取相应的数据

var item = this.data.datas[index].item;

// 打印数据

console.log(item);

},

结果:


————————————————
版权声明:本文为CSDN博主「ksqzero」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/ksq_Meet_By_Chance/java/article/details/84645592

posted @ 2020-04-06 14:55  天涯海角路  阅读(737)  评论(0)    收藏  举报