【微信小程序】二维数组列表渲染
来源:互联网 发布:访客网络有什么用 编辑:程序博客网 时间:2024/06/08 05:25
微信小程序官方文档主要是一维数组列表渲染的案例:
Page({ items: [{ message: 'foo', },{ message: 'bar' }]})
<view wx:for="{{items}}"> {{index}}: {{item.message}}</view>
也有一个“静态”的二维数组列表渲染案例:
<view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="i"> <view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="j"> <view wx:if="{{i <= j}}"> {{i}} * {{j}} = {{i * j}} </view> </view></view>
但我需要的是动态二维数组的列表渲染。
Page({ mapData:[ [{id:11},{id:12}], [{id:21},{id:22}], [{id:31},{id:32},{id:33}] ]})
<view class="container"> <view class="map"> <view wx:for="{{mapData}}"> <view wx:for="{{item}}"> {{item.id}} </view> </view> </view></view>
PS:如果是修改了js文件,记得要重启应用查看修改效果~一开始我没有这么做,导致没看到效果,以为是代码问题,然后试了一大堆乱七八糟的代码~浪费了不少时间~
1 0
- 【微信小程序】二维数组列表渲染
- 微信小程序项目总结:for循环,绑定点击事件,二维数组列表渲染 ...
- 微信小程序列表渲染开发
- 微信小程序WXML之列表渲染
- 微信小程序 列表渲染 wx:for
- 微信小程序wx:for循环列表渲染
- 微信小程序WXML之列表渲染
- 微信小程序开发(6)---列表渲染
- 微信小程序开发-列表渲染和条件渲染
- 微信小程序框架wxml(二)wxml列表渲染
- 微信小程序WXML 数据绑定、列表渲染、条件渲染、模板、事件、引用用法
- 【微信小程序之列表渲染】列表下拉刷新和上拉加载的实践
- 小程序文档整理之 -- 列表渲染
- 折腾二维数组程序报告
- 数据结构-用二维数组构造列表
- 微信小程序视图层的列表渲染 —— 微信小程序教程系列(11)
- 微信小程序-模版渲染
- 微信小程序条件渲染
- 求十个整数中的最大值
- 分布式事务-简单总结
- 酒桌十大诀窍
- Java基础1——认识Java
- React组件的属性PropTypes
- 【微信小程序】二维数组列表渲染
- C++ STL容器学习(一)
- 多标签分类(multilabel classification )
- 【CatCms】1. 系统应用框架与IDE
- 关于Encode in UTF-8 without BOM
- Activity向Fragment中传值
- python问题之no direction
- JavaBean和反射
- canvas