小程序中循环套循环的怎么解

1、wxml中
外层wx:for=“{{materiallistData}}” wx:key=“id”
内层wx:for=“{{item.pictureList}}” wx:key=“idx” wx:for-item=“child” wx:for-index=“idx”

<view class="material_card" wx:for="{{materiallistData}}" wx:key="id"><view class="material_title"><image src="{{icon.materialIco}}" mode="aspectFit" /><text>{{item.title}}</text></view><rich-text class="material_text">{{item.text}}}</rich-text><!-- 素材图片 start--><view wx:if="{{item.pictureList.length>0}}" class="material_picture"><view wx:for="{{item.pictureList}}" wx:key="idx" wx:for-item="child" wx:for-index="idx" bindtap="imgDetail"><image src="{{offlineimgUrl+child}}" mode="heightFix" /></view></view><!-- 素材图片 end--><view class="material_card_bottom"><text>发布 {{item.time}}</text><button hover-class="none">一键下载</button></view>
</view>

小程序中循环套循环的怎么解相关推荐

初学前端在小程序中使用for循环的一个优化案例
作为前端的小白,已经学习了个把月了,for循环在微信小程序中的使用在常见不过了:在获取某个官方API数据后,如何将获取的若干条数据分别不重复的放入到不同的循环当中呢?让我们看个小小的例子去体会一波. ...
小程序点击获取循环列表中的内容
小程序使用wx:for来循环展示列表(展示上一节地图的关键词) 这两天在做小程序的时候还真不是很习惯小程序使用wx:for循环,并给每一项绑定一个点击事件 <scroll-view clas ...
小程序中WxParse循环解析返回的富文本数据
WxParse循环解析一.遇到问题最近在做小程序,遇到这样一个需求: 将百度的Ueditor编辑器存入的文本数据显示在小程序中,需要保留之前的样式,这就用到了 WxParse插件,它能够用解析ht ...
wxparse的使用php返回数组输出,微信小程序中WxParse循环解析返回的富文本数据
WxParse循环解析一.遇到问题最近在做小程序,遇到这样一个需求: 将百度的Ueditor编辑器存入的文本数据显示在小程序中,需要保留之前的样式,这就用到了 WxParse插件,它能够用解析ht ...
小程序`uin-app`之列表循环
首先: 我们先来复习一下vue的列表循环 . 通过v-for指令基于一个数组来渲染一个列表. 基础语法就是 v-for="(item,index )in items" :ke ...
微信小程序|列表渲染-for循环
欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章. 问题描述大家学习程序设计都知道for循环,而且很多编程都需要 ...
php循环套循环_PHP中的事件循环简介
php循环套循环 PHP developers are always waiting for something. Sometimes we're waiting for requests to re ...
微信小程序开发双重for循环, wx: if else 语法
微信小程序开发双重for循环 (多重for循环) 重点在于 wx:for-item="problemItem" 和 wx:for-index="idx" 确定 ...
微信小程序中使用emoji表情相关说明
本帖将聚合一些跟emoji表情有关的知识:前端传过来的昵称和备注信息一定要经过严格的正则表达式过滤,放置出现XSS等攻击,另外emoji字体表情库应该使用base64_encode编码,拿信息的时候b ...
小程序 | 小程序中常用的事件 + 事件对象的属性列表 +小程序事件传参 + 小程序全局配置 + 小程序页面配置 + 小程序发起网络数据请求
文章目录一.WXML 模板语法数据绑定事件绑定 ⭐小程序中常用的事件 ⭐事件对象的属性列表 target 和 currentTarget 的区别 bindtap 的语法格式在事件处理函数中为 ...

小程序中循环套循环的怎么解

小程序中循环套循环的怎么解相关推荐

最新文章

热门文章