首頁 >微信小程式 >小程式開發 >小程式怎麼輸出二維數組

小程式怎麼輸出二維數組

angryTom
angryTom原創
2020-03-21 11:21:277236瀏覽

微信小程式開發時需要用到二維數組來進行資訊展示,那麼該如何輸出展示二維數組呢?一起來學習一下吧。

小程式怎麼輸出二維數組

小程式怎麼輸出二維陣列

#1、先定義一個二維陣列

Page({  
    data:{
        mapData:[
            [{id:11},{id:12}],
            [{id:21},{id:22}],
            [{id:31},{id:32},{id:33}]
      ]
    }

})

2、然後利用兩層wx:for迴圈進行輸出即可。

<view class="container">
    <view class="map">
        <view wx:for="{{mapData}}">
            <view wx:for="{{item}}">
                {{item.id}}
            </view>
        </view>
    </view>
</view>

更多微信小程式開發教程,請追蹤PHP中文網。

以上是小程式怎麼輸出二維數組的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn