首页 > 代码库 > 【微信小程序】详解wx:if elif else的用法(搭配view、block)

【微信小程序】详解wx:if elif else的用法(搭配view、block)

1、搭配view

<view wx:if="{{boolean==true}}">
    <view class="bg_black"></view>
</view>
<view wx:elif="{{boolean==false}}">
    <view class="bg_red"></view>
</view>
<view wx:elif>
    <view class="bg_red"></view>
</view>

2、搭配block

<block wx:if="{{boolean==true}}">
    <view class="bg_black"></view>
</block>
<block wx:elif="{{boolean==false}}">
    <view class="bg_red"></view>
</block>
<block wx:else>
    <view class="bg_red"></view>
</block>

 

【微信小程序】详解wx:if elif else的用法(搭配view、block)