首页 > 课堂 > 小程序 > 正文

微信小程序中页面FOR循环和嵌套循环

2020-03-21 16:14:07
字体:
来源:转载
供稿:网友

微信小程序中页面FOR循环和嵌套循环

单个循环

   <view wx:for="{{pinpaiTishi}}" wx:key="{{xxx}}">         <view wx:if="{{item.name!=null}}" wx:key="{{xxxx}}">         //判断name是否为null          <view class="tr">           <view class="td-left"></view>           <view class="td-right">            <view bindtap="onclickByPinpai" data-name="{{item.name}}" class="tishi">{{item.name}}</view>                绑定的方法        参数值           </view>          </view>         </view>        </view>

嵌套循环

<view class="pad10" wx:for="{{twoList}}" wx:key="{{xxx}}">  <view>    {{index+1}}、{{item.name}}  </view>    <!--二次嵌套循环-->  <view wx:for="{{item.XXX}}" wx:for-item="XXXX" wx:key="XXXX">    ----{{XXXX.name}}  </view></view>

如果缺少 wx:key 页面在调试下可以看到黄色警告信息

微信小程序,FOR循环,嵌套循环

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表