微信小程序遍历二维数组

在微信小程序中遍历二维数组，代码如下

data 中二维数组结构如下

  data: {familys:[{familyName:'贾家', users: [{name:'贾宝玉'},{name:'贾元春'},{name:'贾迎春'},{name:'贾探春'},{name:'贾惜春'}]},{ familyName:'王家', users: [{name:'王熙凤'},{name:'王夫人'},{name:'薛姨妈'}]},{familyName:'薛家', users: [{name:'薛宝钗'},{name:'薛蟠'},{name:'薛宝琴'}]},{familyName:'史家', users: [{name:'贾母'},{name:'史湘云'}]}]},

遍历代码如下

<view><view wx:for="{{familys}}" wx:key="*this"><view><text>{{item.familyName}}</text><view></view><text wx:for="{{item.users}}" wx:for-item="userItem" wx:key="userItem"><text>{{userItem.name}}</text><text>,</text></text></view></view>
</view>

核心代码在于 wx:for-item="userItem"，使用 wx:for-item 来指定遍历的对象，userItem 是随便起的变量名

效果如下

微信小程序遍历二维数组相关推荐

如何创建二维数组微信小程序_微信小程序遍历二维数组
在微信小程序中遍历二维数组,代码如下 data 中二维数组结构如下 data: { familys:[ { familyName:'贾家', users: [ {name:'贾宝玉'}, {name: ...
微信小程序更新二维数组中的对象或数组的属性值
微信小程序更新二维数组中的对象或数组的属性值,这里可能有两种情况 1.微信小程序更新二维数组中的对象的属性值更新二维数组中的某个对象的属性值,代码如下 js 代码 data: {familys:[{ ...
【微信小程序】二维数组列表渲染
微信小程序官方文档主要是一维数组列表渲染的案例: Page({items: [{message: 'foo',},{message: 'bar'}] }) <view wx:for=" ...
【微信小程序】二维码跳转规则的前缀匹配是什么意思？
前言基础库 2.12.0 开发者工具 1.03.2008270 微信小程序的二维码跳转规则为了方便小程序开发者更便捷地推广小程序,兼容线下已有的二维码,微信公众平台开放扫描普通链接二维码跳转小程序 ...
微信小程序获取二维码中URL中带的参数
解析微信小程序获取二维码中的url参数 onLoad: function (options) { console.log(options) let qrUrl = decodeURIComponent ...
微信小程序普通二维码解析
1.区别于微信小程序官方二维码是直接从onLoad的 options 解构出来就行,它是一个对象,这个大家都知道. 2.普通二维码也是从onLoad的 options 里解构出来,此时options ...
微信小程序扫描二维码或者条码
程序是需要扫描条形码然后跳转到对应的产品信息页,其实微信小程序就有一个扫码识别的API,下面一起来看看: wx.scanCode(Object object) 调起客户端扫码界面进行扫码. 示例代码: ...
微信小程序项目实例——二维码生成器
微信小程序项目实例--二维码生成器文章目录微信小程序项目实例--二维码生成器一.项目展示二.项目核心代码三.效果展示文末项目代码见文字底部,点赞关注有惊喜一.项目展示项目是一个简单实 ...
微信小程序转二维码方法分享
微信小程序转二维码方法分享需要转码的可以看看这个东西是看个人需求的,618就要来了,各种活动也将来袭有些小伙伴不知道怎么生成为了方便小程序邀请活动没法外发,这里分享下将小程序转二维码的方法首 ...

微信小程序遍历二维数组

微信小程序遍历二维数组相关推荐

最新文章

热门文章