pp电子

登录
免费开通

商城小程序列表渲染

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

【本站声明】
  1、本站文章中所选用的图片及文字泉源于网络以及用户投稿, ,,,,由于未联系到知识产权人或未发明有关知识产权的挂号, ,,,,若有知识产权人并不肯意我们使用, ,,,,若是有侵权请连忙联系。。。。 。
  2、本网站差池文章中所涉及的内容真实性、准确性、可靠性认真, ,,,,仅系客观性形貌, ,,,,如您需要相识该类商品/服务详细的资讯, ,,,,请您直接与该类商品/服务的提供者联系。。。。 。


KESION pp电子软件

KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商, ,,,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。。 。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。。 。

KESION 一直通过手艺立异, ,,,,提供产品和服务, ,,,,助力企业向数字化转型, ,,,,通过科技驱动商业刷新, ,,,,让商业变得更智慧!



▼点击进入pp电子官网相识更多



热门标签
SaaS
上/下篇
  • 微信小程序登录不上, ,,,,怎么解决

  • 微信都会服务在那里找, ,,,,怎么使用

换一换相关推荐
精选内容
热门精选
pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站
【网站地图】
商城小程序列表渲染 - KESION pp电子