1. 程式人生 > >微信小程式-wx:for 迴圈列表引數

微信小程式-wx:for 迴圈列表引數

獲取了 N 條資訊(具體有多少條不確定),如何在介面中動態呈現出來呢?

.wxml 程式碼

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

核心程式碼就是 wx:for(必須有),對應一個數組。

而 wx:for-index 指明後面如果要用陣列索引的話,用什麼名字

而 wx:for-item 指明後面如果要用陣列索引對應的項的話,用什麼名字

.js 程式碼

Page({

data: {
    items: [
        {
            "url"
:"http://127.0.0.1/1.flv",
            "title":"這是標題一"
        },
        {
            "url":"http://127.0.0.1/2.flv",
            "title":"這是標題二"
        }
    ]
}

})

備註:wx:for-index="idx"通俗來說“idx”就是<view>中引用的時候起的變數名