微信小程序-wx:for 循环列表
来源:互联网 发布:windows pcl5 编辑:程序博客网 时间:2024/05/29 08:09
获取了 N 条信息(具体有多少条不确定),如何在界面中动态呈现出来呢?
.wxml 代码
<view wx:for="{{items}}" wx:for-index="index" wx:for-item="item">
{{index+1}}、{{item.title}}
</view>
{{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":"这是标题二"
}
]
}
})
data: {
items: [
{
"url":"http://127.0.0.1/1.flv",
"title":"这是标题一"
},
{
"url":"http://127.0.0.1/2.flv",
"title":"这是标题二"
}
]
}
})
阅读全文
2 2
- 微信小程序-wx:for 循环列表
- 微信小程序wx:for循环列表渲染
- 微信小程序wx:for循环
- 微信小程序循环:Wx:for
- 微信小程序 wx:key 高级列表循环
- 微信小程序 列表渲染 wx:for
- 微信小程序 wx:for
- 微信小程序--wx:for
- 微信小程序开发之数据使用wx:for循环展示
- 微信小程序入门教程--列表渲染多层嵌套循环及wx:key的使用
- 微信小程序入门教程--列表渲染多层嵌套循环及wx:key的使用
- 微信小程序判断wx:if wx:for template
- 微信小程序wx:key和wx:for问题
- 微信小程序的wx:for,wx:for-items,wx:for-item,wx:key等的关系及正确使用
- 微信小程序开发——wx:for循环渲染元素如何修改点击样式
- 微信小程序 wx:for循环和数组内部元素的增加
- 微信小程序 wx:for的一些事
- 【微信小程序】wx:for的使用
- java多线程(八) 之 并发容器
- 关于session.isNew方法?
- iOS 判断当前时间是否处于某个时间段内
- JavaScript Array的常用方法(一)
- linux下gdb的使用
- 微信小程序-wx:for 循环列表
- Eclipse android 添加类库 导入类库 将项目作为类库
- C# 中DateTime的各种使用
- PL/SQL Developer安装配置实践
- apache添加LoadModule php5_module "c:/www/php54/php5apache2_2.dll"语句后不能运行
- Spring boot 基本概念
- 什么是开拓能力
- 我所理解的抽象类和抽象方法
- (转)前端安全之XSS攻击