在页面里使用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的语法格式差不多,这里不再赘述。