微信小程序——条件渲染

获取用户基本信息

1. 用户未授权(首次登陆)
    button open-type=‘getUserInfo’
2. 用户已经授权(再次登陆)
    wx.getUserInfo

一、语法说明

1. wx:if=’条件’

2. wx:elif=’条件‘

3. wx:else

  （1）wx:if

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

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

 

二、 wx:if VS hidden

1. hidden 用法:<view hidden='{{true}}'></view>

2. wx:if 等同于 v-if, 条件为 false 的时候不加载，条件切换的时候决定元素销毁或者重新加载渲染

3. hidden 等同于 v-show, 始终加载元素, 条件切换的时候决定元素的显示和隐藏

示例：

当没有获取用户信息时，为按钮显示，图片隐藏

 当获取用户信息后，为按钮隐藏，图片显示