微信小程序 wx:for/if/elif/else等循环的写法以及wx.key的运用

在页面里使用wx:for/if等循环体:
wx:for

<view wx:for="{{chatRecord}}" wx:for-index="index" wx:for-item="item"
      wx:key="*this">
      <!--中间的代码片段-->
</view>

其中chatRecord是在js页面里定义的一个聊天记录数组。wx:for-index是for循环每一项的编号,这里用index来指代;wx:for-item是for循环的每一项,这里用item指代。
注意:这里的wx:key如果不写,会触发警告:在使用"wx:for"的时候你应该使用"wx:key"属性,这样可以提升效率。在不使用wx:key的情况下,如果数组内的元素发生改变,则会重新加载所有的item,开销较大;而使用了wx:key之后,会将数组内的每个元素重新排序,未发生变化的对象就不会再重新刷新一遍了。
wx:key有两种使用方法:
1、wx:key="…",此时字符串的值是能够唯一标示一个item的值,比如id之类。
2、wx:key="*this",代表在for循环中的item自身。这种表示需要item本身就是一个唯一的字符串或者数字。(本例使用这种方法)
wx:if

<view wx:if="{{item.sendID == sender && item.isLocation == 0}}">
<!--中间的代码片段-->
</view>

这里引用了item中的sendID和isLocation的属性值,注意这里“与”条件是用“&&”表示的。
wx:elif及wx:else的语法格式差不多,这里不再赘述。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值