微信小程序wx:for循環的用法


今天寫小程序的循環循環,估計是之前tp寫習慣了,用wx:for的時候一直把它放在ul標簽里,導致他最后循環出的結果是一串ul,但我實際上是想循環里面的li,所以記錄一下,免得以后忘記了。

示例:

<ul class="demo-ul" >
               <block  wx:for='{{demo}}' wx:key='id'>
                 <li class="demo-ul-li" >
                   <navigator class="demo-ul-a" url="/pages/demo/content/content?id={{item.id}}">
                     <image class="demo-ul-li-img"
                      src="https://www.xinhuang.net.cn/{{item.img}}" moede='widthFix'></image>
                     <view class="demo-ul-li-p" style="overflow:hidden;">{{item.name}}</view>
                   </navigator>
                 </li>
               </block>
</ul>

wx:for是循環標志,里面的值是要循環的數組,wx:key是分類標志,這兩個是必要的,原先應該安在li里面,但根據小程序的建議,我在li外加了一層block,並把循環標志寫在了里面。

在需要使用數據的地方就用雙大括號語法({{}})寫上item.你要使用的數據,item代表的是數組當前條的所有數據。


免責聲明!

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



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