微信小程序开发框架——列表渲染 ——条件渲染

每个商品对应许多品牌,需要把每个品牌对应商品信息展现给用户、当商品信息比较少,可以一行一行写wxml标签。

    当商品信息比较多,又不固定的时候、就推荐使用小程序渲染属性了。

    通过wx:for绑定数组,使用wxml列表渲染属性、在data对象里定义了items数组、里面是各个商品名称,在wxml文件内block标签里通过wxfor属性传入数组。

    index变量:index变量指的是当前元素在数组的下标,也可以通过wx:for="{ {index}}"属性,设置变量名。

    item变量:item变量指的是数组中的当前元素,也可以通过wx:for="{ {item}}"属性,指定想要的一个变量名。
    
    wx:key属性:key代表项目中唯一的标志符、能保持列表项目中自身的一个状态,在页面重新渲染的时候确保带有key组件重新的排序,而不是重新的渲染、从而提高页面渲染的效率。

    如图:

block不是组件、只是包装元素,在页面渲染的时候、block不会被渲染出来的。
 

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值