码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2020-04-18 13:54:27      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:lock   数组   url   hid   根据   示例   小程序   程序   语法   

今天写小程序的循环循环,估计是之前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代表的是数组当前条的所有数据。

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

标签:lock   数组   url   hid   根据   示例   小程序   程序   语法   

原文地址:https://www.cnblogs.com/yite/p/12725374.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!