微信小程序-循环

旧时模样 提交于 2019-12-29 14:44:54

获取了 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,则可省略,直接使用。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!