微信小程序-WXML条件渲染

默认组件，只要被书写出来，都会渲染到界面上。

wx:if

在框架中，使用 wx:if="" 来判断是否需要渲染该代码块：

index.wxml:

<view wx:if="{{condition}}"> True </view>

index.js:

// pages/index/index.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    condition: true
  }
})

也可以用 wx:elif 和 wx:else 来添加一个 else 块：

index.wxml:

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

index.js:

// pages/index/index.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    length: 10
  }
})