您现在的位置是:新零售 > 小程序 >

商城小程序列表渲染

03-13 17:06:19 来源:领客新零售 发布:李长财 小程序 人已围观

简介本文主要讲解“商城小程序列表渲染”,本文核心关键词为:商城小程序,微信商城,小程序渲染;领客收集了关于小程序开发运营的诸多疑问,在这里为大家解答!希望对您有所帮助。...

  “商城小程序列表渲染”本文由李长财编写,主要核心关键词为:商城小程序,微信商城,小程序渲染;实现新零售的环节必定离不开小程序,领客为大家梳理了有关小程序的相关问题,希望阅读本文“商城小程序列表渲染”后对您有所帮助,那么接下来领客小编就来为大家详细介绍一下。

wx:for在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。
商城小程序列表渲染默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item<view wx:for={{items}}>{{index}}: {{item.message}}</view>Page({items: [{message: 'foo',},{message: 'bar'}]})使用wx:for-item可以指定数组当前元素的变量名使用wx:for-index可以指定数组当前下标的变量名:<view wx:for={{array}} wx:for-index=idx wx:for-item=itemName>{{idx}}: {{itemName.message}}</view>wx:for也可以嵌套,下边是一个九九乘法表<view wx:for={{[1, 2, 3, 4, 5, 6, 7, 8, 9]}} wx:for-item=i><view wx:for={{[1, 2, 3, 4, 5, 6, 7, 8, 9]}} wx:for-item=j><view wx:if={{i <= j}}> {{i}} * {{j}} = {{i * j}}</view></view></view>block wx:for类似block wx:if,也可以将wx:for用在<block/>标签上,以渲染一个包含多节点的结构块。例如:<block wx:for={{[1, 2, 3]}}><view> {{index}}: </view><view> {{item}} </view></block

  以上就是关于小编今天为大家介绍的“商城小程序列表渲染”的相关知识,希望对大家开发使用小程序等有所帮助,更多关于新零售及运营小程序的相关知识请继续关注领客新零售平台小程序栏目,感谢大家的观看。

Tags:

福利社群免费送

  • 福利包:扫描进群免费领取社群、腾讯直播学习资料。
  • 免费送:各零售行业新零售解决方案(服装、珠宝、家居、通讯、食品等)

本栏推荐

标签云

站点信息

  • 文章统计15681篇文章
  • 标签管理标签云
  • 微信公众号:扫描二维码,关注我们