微信小程序进阶开发－wx:for 循环列表

ITPOW2017/4/20 23:24:35

获取了 N 条信息（具体有多少条不确定），如何在界面中动态呈现出来呢？

.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，则可省略，直接使用。

.js 代码

Page({

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

})

<<返回首页<<