微信小程序 wx:for、wx:for-items和wx:for-item的正確用法


注意:本文轉自    https://blog.csdn.net/jimolangyaleng/article/details/54315974

 

 

wx:for = "{{list}}" 用來循環數組

如果是一維數組,實例:

 

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


以上代碼中item即為list的別名。

如果是二維或多維數組:

 

  1.  <view wx: for="{{parentList}}">  
  2.    {{item.id}} 
  3.   <view wx: for="{{item.childList}}"  wx:for-item="items"> 
  4.              {{items.name}}{{item.account}}
  5.         < /view> 
  6.   </view>


如果將wx:for = "{{list}}"換成wx:for-items="{{list}}";運行科一看到和wx:for = "{{list}}"一樣的結果。但是換成wx:for-item = "{{list}}"則循環不出結果。

所以總結如下:

wx:for等價與wx:for-items是循環數組用的;而wx:for-item則是給列表賦別名用的


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM