码迷,mamicode.com
首页 > 微信 > 详细

微信小程序-wx:for 循环列表

时间:2017-11-29 16:26:24      阅读:471      评论:0      收藏:0      [点我收藏+]

标签:flv   view   col   127.0.0.1   div   微信   title   个数   page   

 

获取了 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":"这是标题二"
        }
    ]
}

})

微信小程序-wx:for 循环列表

标签:flv   view   col   127.0.0.1   div   微信   title   个数   page   

原文地址:http://www.cnblogs.com/iOS-mt/p/7920491.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!