微信小程序中的wx-if,wx-for

  1. wx-if 用来显示隐藏

<view wx-if="{{true}}">你看的见我</view><view wx-if="{{false}}">你看不见我</view>

2.条件判断


<view wx:if="{{length > 5}}">1</view><view wx:elif="{{length > 2}}">2</view><view wx:else>3</view>


二.wx-for

一维数组的循环方式:
定义array


  data: {
    array: [
        {message: 'foo',}, {message: 'bar'}
    ]  }


循环输出array


<view wx:for="{{list}}">
  {{index}} ：{{item.message}}</view>

默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item
所以输出为
0：foo
1：bar