微信小程式-wx:for 迴圈列表引數
阿新 • • 發佈:2019-01-04
獲取了 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"
"title":"這是標題一"
},
{
"url":"http://127.0.0.1/2.flv",
"title":"這是標題二"
}
]
}
})
備註:wx:for-index="idx"通俗來說“idx”就是<view>中引用的時候起的變數名