微信小程序> 微信小程序2.循环遍历(img)

微信小程序2.循环遍历(img)

浏览量:5287 时间: 来源:余思颖

wxml页面中

1. 最外层包裹的是 微信所有的block标签,设置wx:for=””需要循环的数组)、wx:for-item=””(接收需要循环的keykey值的变量)wx:for-index=”” (循环key值的下标,索引,可以是index,也可以是id)、设置key值(可绑定index值,若想获取当前数组而不是index,则使用*this的方式绑定

2. 在第二层,也就是接收数据的位置,填入{{接收需要循环的keykey值的变量}}

data-index=””获取当前图片的索引,填入的值必须与循环时候的wx:for-index的值一致,并且接收值的位置必须有data-index

3.如果,在当前循环下,需要有操作接收到数据的操作,必须在操作那里同样设置data-index(如图)
wxml页面小程序

js文件中

小程序小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎