热搜:

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

2017-08-03 09:26:52文章来源:点点软件园热度:0

更多
微信小程序开发工具破解版

微信小程序开发工具破解版官方最新版0.12.130400

类别:聊天联络聊天其它语言:简体中文授权:免费软件

  微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。今天就说一下微信小程序中页面FOR循环和嵌套循环!更多最新IT资讯尽在金顺软件园http://www.jinshun168.com/

J1.png

  单个循环

            <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 页面在调试下可以看到黄色警告信息

是1.2.png

    金顺软件园小编推荐:

    微信小程序用户画像分析是什么

    微信小程序怎么获取运动步数

    微信小程序的优点、缺点、钱景和一些小细节

以上,就是金顺软件园小编给大家带来的微信小程序中页面FOR循环和嵌套循环教程全部内容,希望对大家有所帮助!

上一篇王者荣耀百里守约碎片怎么收不到下一篇怎么隐藏微信号 微信号不显示的设置方法
编辑:我一贱你就笑