微信小程序組件——詳解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