微信小程序怎么循环

Question

如图 有大神知道 第三个循环怎么写吗
要是在js中 我还能写出来 但是这个一点思路都没有 请大神指教
怎么循环 三维数据

Answer 1

//index.js

Page({
  data: {
    motto: 'Hello World',
    userInfo: {},
        data: [
                {
                    name: 'item-1',
                    listItem: [
                        {
                            list: [
                                {
                                    name: 'this is item name',
                                }
                            ]
                        },

                    ]
                },
            ]

  },


onLoad: function () {
        //先用js循环看看
            this.data.data.map((item,key)=>{
                console.log(item,'item');
                item.listItem.map((sitem,key)=>{
                        console.log(sitem,'sitem');
                    sitem.list.map((titem,key)=>{
                            console.log(titem,'titem');
                        console.log(titem.name);
                    })
                })
            })
  }

//index.wxml

<block wx:for="{{data}}" wx:for-item="first_item" wx:key="{{index}}" >
        <block wx:for="{{first_item.listItem}}" wx:for-item="second_item" wx:key="{{index}}" >
                <block wx:for="{{second_item.list}}" wx:for-item="third_item" wx:key="{{index}}" >
                    <view>{{third_item.name}}</view>
                </block>
        </block>
    </block>

代码在开发工具上试过，有问题追问。