美文网首页
微信 - 列表渲染

微信 - 列表渲染

作者: 赵羽珩 | 来源:发表于2019-03-13 13:39 被阅读0次
WechatIMG143.png

wx:for
项的变量名默认为 item wx:for-item指定数组当前元素的变量名
下标变量名默认为 index wx:for-index指定数组当前下标的变量名

<block wx:for="{{arr}}" wx:key="{{index}}">
    <view>{{index}}:{{item}}</view>
</block>

data: {
    arr:["苹果🍎"," 香蕉🍌","西瓜🍉"]
},

<view class="cu-avatar round lg bg-{{item.name}} margin-xs" wx:for="{{ColorList}}" wx:key>
    <text class='avatar-text'>{{item.name}}</text>
</view>

data: {
    ColorList: app.globalData.ColorList,
},

相关文章

网友评论

      本文标题:微信 - 列表渲染

      本文链接:https://www.haomeiwen.com/subject/cdkzpqtx.html