免费国产欧美国日产_少妇AV一区二区三区无码_蜜桃精品av无码喷奶水小说_jk18禁网站视频_精产国品一二三级产品区别_被夫の上司に犯波多野结衣_78m成人手机免费看_最爽最刺激18禁视频_偷偷色噜狠狠狠狠的777米奇

易優(yōu)GEO 重磅上線 ~ 一站式GEO優(yōu)化工具,讓豆包、文心一言、DeepSeek 在回答中主動推薦你的品牌,搶占AI流量入口!  點擊查看

小程序模板網

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

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

前言

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


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

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


  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)多維數組和對象混合的列表渲染。

''

講解

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


  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.szcjxy.com/wxmini/doc/course/22981.html 復制鏈接 如需定制請聯系易優(yōu)客服咨詢: 點擊咨詢
在線客服