微信小程序详解wx:if elif else的用法(搭配viewblock)

Posted CodingForAndroid

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序详解wx:if elif else的用法(搭配viewblock)相关的知识,希望对你有一定的参考价值。

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:else>
    <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多条件

<view wx:if="a">单个条件</view>
<view wx:if="a || b || c">多个或条件</view>
<view wx:if="a && b && c">多个且条件</view>

wx:if else 的判断

<view wx:if="a > 5">6</view>
<view wx:elif="a < 5">4</view>
<view wx:else>5</view>

注意:wx:if不仅仅是view标签可以用,其他的标签里也可以用

谢谢认真观读本文的每一位小伙伴,衷心欢迎小伙伴给我指出文中的错误,也欢迎小伙伴与我交流学习。

欢迎爱学习的小伙伴加群一起进步:[点击链接加入群聊【编程之美】

以上是关于微信小程序详解wx:if elif else的用法(搭配viewblock)的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序页面渲染

微信小程序中wx-if的用法

微信小程序自学第五课:条件渲染列表渲染

微信小程序条件渲染

微信小程序视图层WXML_小程序条件渲染

微信小程序之旅一(页面渲染)