E企盈小程序营销工具技术服务商 热线:4006-838-530

微信小程序列表渲染(循环渲染)

E企盈小程序直播系统

1. 编写目的一个简单例子,介绍微信小程序如何实现列表渲染(循环渲染)2. 例子js代码中准备数据(数组):  data: {    smiles: [      “../../image/weather/smile1.png”,      “../../image/weather/soso.png”,      “../../image/weather/unhappy.png”,      “../../image/weather/cry.png”    ]  }wxml中编写循环渲染: view class=”demo-container” id=”model_weather”    block wx:for=”{{smiles}}”wx:key=”yyy”  wx:for-item=”itemName” wx:for-index=”index”       image class=”image” src=”{{itemName}}” bindtap=’img_smile’ data-smile='{{index}}’/    /block  /view下面是对应关系:变量名对应关系smiles对应data中整个数组yyy随便起的,为了解决IDE报出的警告问题itemName变量的值,比如…/…/image/weather/smile1.png等等index数组下标,从0开始,0,1,2,3输出的效果如下:3. 说明同样的道理,那些变量名可以随便定义,但是循环体中使用这些变量时不要弄错,免得带来一些麻烦。Smileyan 2019年2月23日

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序列表渲染(循环渲染)
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏