快捷搜索: 王者荣耀 脱发

微信小程序——条件渲染

获取用户基本信息 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, 始终加载元素, 条件切换的时候决定元素的显示和隐藏

示例:

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

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

经验分享 程序员 微信小程序 职场和发展