微信小程序> 小程序多层数组遍历

小程序多层数组遍历

浏览量:525 时间: 来源:周家大小姐.

data:

 data: {    navLeftItems:[],    navRightItems:[],    curIndex:0,//用于左侧导航点击  },

 html:

 scroll-view scroll-y="true" class="nav-right"        !-- 右侧不是每个数组对应左侧的下标里都有值所以要进行一个判断,在有值的情况下才进入 --        view wx:if="{{navRightItems[curIndex]}}"            !-- 自定义item 因为有两层数组,尽量不重名  navRightItems[curIndex] 渲染当前左侧所点击对应的右边内容 --            block wx:for="{{navRightItems[curIndex]}}" wx:for-item="item" wx:key="index"                view class="jd-category"                    !-- 遍历二维数组里的title --                    view class="title"{{item.title}}/view                    view class="jd-category-wrap"                        !-- 遍历上一层数组中的数组当前元素的变量名下的数组 遍历三维数组desc里的详细内容--                        block wx:for="{{item.desc}}" wx:for-item="list"  wx:key="index"                            view class="jd-category-style"                                image src="{{list.img}}" class="list_img" /                                text class="list_text"{{list.text}}/text                            /view                        /block                    /view                /view            /block        /view    /scroll-view

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎