微信小程序-循环

获取了 N 条信息(具体有多少条不确定),在界面中动态呈现出来,需要使用wx:for方法。

具体如下:

1. js代码

Page({
    data: {
        items: [
            {
                "url":"http://127.0.0.1/1.flv",
                "title":"这是标题一"
            },
            {
                "url":"http://127.0.0.1/2.flv",
                "title":"这是标题二"
            }
        ]
    }
})

2 .wxml代码

<view wx:for="{{items}}" wx:for-index="index" wx:for-item="item">
    {{index+1}}、{{item.title}}
</view>

核心就是 wx:for,对应一个数组。

而 wx:for-index 指明后面如果要用数组索引的话,用什么名字,如果名字是 index,则可省略,直接使用。

而 wx:for-item 指明后面如果要用数组索引对应的项的话,用什么名字,如果名字是 item,则可省略,直接使用。

posted @ 2018-09-03 14:53  czl11  阅读(155)  评论(0编辑  收藏  举报