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

直接贴图:

微信小程序-列表展示、条目点击。_第1张图片

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

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

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

bindtap='itemClick'点击事件。

{{item.item}}显示数据

微信小程序-列表展示、条目点击。_第2张图片微信小程序-列表展示、条目点击。_第3张图片

datas数据源。

条目点击

itemClick: function(e) {

// 获取点击条目id

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

// 获取相应的数据

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

// 打印数据

console.log(item);

},

结果:

微信小程序-列表展示、条目点击。_第4张图片

你可能感兴趣的:(微信小程序)