小程序模板網(wǎng)

藍狐鍋鍋:微信小程序列表渲染多層嵌套循環(huán)及wx:key的使用

發(fā)布時間:2018-03-30 15:55 所屬欄目:小程序開發(fā)教程

前言

入門教程之列表渲染多層嵌套循環(huán),目前官方的文檔里,主要是一維數(shù)組列表渲染的案例,還是比較簡單單一,給剛?cè)腴T的童鞋還是無從入手的感覺。


  1. <view wx:for="{{items}}">
  2. {{index}}: {{item.message}}
  3. </view>

還有一個九九乘法表把數(shù)據(jù)直接寫到wxml里的,并不是動態(tài)二維數(shù)組的列表渲染。


  1. <view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="i">
  2. <view wx:for="{{[1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-item="j">
  3. <view wx:if="{{i <= j}}">
  4. {{i}} * {{j}} = {{i * j}}
  5. </view>
  6. </view>
  7. </view>

那么今天,我們主要來講講動態(tài)多維數(shù)組和對象混合的列表渲染。

''

講解

何為多維數(shù)組和對象混合,給個很簡單的例子


  1. twoList:[{
  2. id:1,
  3. name:'應季鮮果',
  4. count:1,
  5. twodata:[{
  6. 'id':11,
  7. 'name':'雞脆骨'
  8. },{
  9. 'id':12,
  10. 'name':'雞爪'
  11. }]
  12.  


本文地址:http://www.u-renovate.com/wxmini/doc/course/22981.html 復制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢
AI智能客服 ×