[toc]

1、if判断

如果熟悉java、python等分支判断,使用分支判断模式为:

if (表达式){
  分支体
}else if (表达式){
  分支体
}else {
  分支体
}

如上、分支判断主要分三部分if、else if、else。

那么微信小程序在分支判断怎么处理?

2、微信小程序分支

微信小程序是通过绑定进行实现,模式为:

<view wx:if="{{布尔值}}">显示体1</view>
<view wx:elif="{{布尔值}}">显示体2</view>
<view wx:else>显示体3</view>

3、举例

定义俩个布尔值

// pages/demo/demo.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    "bool":true,
    "nobool":false
  }
})

demo.wxml页面中定义分支

<!--pages/demo/demo.wxml-->
<view wx:if="{{nobool}}">显示体1</view>
<view wx:elif="{{bool}}">显示体2</view>
<view wx:else>显示体3</view>

image.png

4、hidden和if区别

类似 wx:if
频繁切换 ⽤ hidden
不常使⽤ ⽤ wx:if

image.png
image.png

Q.E.D.


只有创造,才是真正的享受,只有拚搏,才是充实的生活。