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

使用微信小程序的课程表功能规划学习计划 #生活技巧# #工作学习技巧# #知识管理工具#

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

        }

    ]

}

})

原文：https://blog.csdn.net/yelin042/article/details/72518977

网址：微信小程序－wx:for 循环列表 https://www.yuejiaxmz.com/news/view/439736

相关内容

【微信小程序】基础篇
微信小程序todolist
微信小程序项目实例——今日美食
微信小程序项目实例——智能用电
小程序之轮播图、加载、从后端获取数据、图片、wx:for
微信小程序模版｜健康菜谱微信小程序源码
环保回收微信小程序公众号
小程序的基础心得
小程序各种功能代码片段整理
悦运动小程序作品—微信小程序

随便看看