本文介绍了一种使用wx:for指令动态展示数组内信息的方法，并通过示例代码详细解释了如何在界面中显示从数组中获取的数据，包括每条信息的索引及具体内容。
获取了 N 条信息（具体有多少条不确定），如何在界面中动态呈现出来呢？
.wxml 代码
<view
wx:for="{{items}}"
wx:for-index="index"
wx:for-item="item"
>
{{index+1}}、{{item.title}}
</view >
{{index+1}}、{{item.title}}
</view >
核心代码就是 wx:for，对应一个数组。
而 wx:for-index 指明后面如果要用数组索引的话，用什么名字，如果名字是 index，则可省略，直接使用。
而 wx:for-item 指明后面如果要用数组索引对应的项的话，用什么名字，如果名字是 item，则可省略，直接使用。
.js 代码
Page({
data: {
items: [
{
"url": "http://127.0.0.1/1.flv",
"title": "这是标题一"
},
{
"url": "http://127.0.0.1/2.flv",
"title": "这是标题二"
}
]
}
})
data: {
items: [
{
"url": "http://127.0.0.1/1.flv",
"title": "这是标题一"
},
{
"url": "http://127.0.0.1/2.flv",
"title": "这是标题二"
}
]
}
})
扫一扫
1842
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
