Site icon 时鹏亮的Blog

微信小程序wx:if, wx:elif, wx:else的用法

嗯,先明确一个常识,

wx:if, wx:elif, wx:else只能配合在view标签使用。

wx:if 和 hidden 二者的区别:

wx:if:当条件为 true时将结构展示出来,否则结构不会进行展示,通过移除/新增节点 的方式来实现。
hidden:当条件为 true 时会将结构隐藏,否则结构会展示出来,通过 display 样式属性 来实现的。

那么直接上示例代码:

<view wx:if="{{ num == 1 }}">num 等于 {{ num }}</view>
<view wx:elif="{{ num == 2 }}">num 等于 {{ num }}</view>
<view wx:else>num 大于 2, 目前 num 等于 {{ num }}</view>

参考资料

微信小程序开发系列(二十五)·wxml语法·条件渲染wx:if, wx:elif, wx:else 属性组以及hidden 属性的使用


如您从本文得到了有价值的信息或帮助,请考虑扫描文末二维码捐赠和鼓励。

尊重他人劳动成果。转载请务必附上原文链接,我将感激不尽。


与《微信小程序wx:if, wx:elif, wx:else的用法》相关的博文:

Exit mobile version