微信小程序组件——详解wx:if elif else的用法

背景

• 在学习微信小程序开发wxml页面时，需要使用if，else来判断组件是否进行展示，代码如下

  <view wx:if="{{is_login==1}}">成功登录</view>
  <view wx:elseif="{{is_login==2}}">登录失败2</view>
  <view wx:else>登录失败3</view>

  结果出现错误如下

  

• 经过研究，原来是没有wx:elseif这个用法的，替换成wx:elif就不再报错了

实例详解

• 情景一：wx:if搭配wx:else

<view wx:if="{{is_login==1}}">成功登录</view>
<view wx:else>登录失败</view>

• 情景二：wx:if、wx:elseif、wx:else搭配使用

<view wx:if="{{is_login==1}}">成功登录</view>
<view wx:elif="{{is_login==2}}">登录失败2</view>
<view wx:else>登录失败3</view>

• Next