微信小程序-循环
获取了 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,则可省略,直接使用。