微信小程序 wxml文件中嵌套循环

微信小程序 wxml文件中嵌套循环,第1张

1、服务器获取到的数组中嵌套 对象组成的数组,控制台输出:

2、解析并绑定服务器获取到的数据,.js文件:

3、绑定一层的shopList数据, .wxml文件:

4、绑定shopList数组中的二层equips数据,.wxml文件 中 只需要item.equips即可

最开始循环获取到数据后,总以为需要嵌套循环出二层数组对象,并分别绑定数据。兜兜转转绕了一大圈,发现只要将一级数组循环获取到,二层数组对象直接“item.xxx”就可以在wxml文件中直接进行数据绑定了。 

//第一层循环

<view wx:for="{{arr}}" wx:key="index">

    <view>{{item.name}}</view>

    //第二层循环,修改item、index名称

    <view wx:for="{{item.process}}" wx:for-item="itema" wx:for-index="indexa" wx:key="indexa">

        // 判断是哪种结构

        <block wx:if="{{itema.goods_name}}">

            <view>{{itema.goods_name}}</view>

        </block>

        <block wx:else>

            <view>{{itema.type}}</view>

            //第三层判断是否是数组

            <block wx:if="{{itema.state && itema.state[0] && itema.state[0].time}}">

                <view wx:for="{{itema.state}}" wx:for-item="itemb" wx:for-index="indexb" wx:key="indexb">{{itemb.time}}</view>

            </blcok>

            <blcok wx:else>

                <view>{{itema.state}}</view>

            </blcok>

        </block>

    </view>

</view>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/7838084.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-10
下一篇 2023-04-10

发表评论

登录后才能评论

评论列表(0条)

保存