舒大少博客

一个95后少年的个人博客

当前时间为:
欢迎大家来到舒大少博客http://www.evshou.com,广告合作以及淘宝商家推广请微信联系15357240395

微信小程序示例:条件渲染

2022-04-21 10:14:49
swq1822677238

手机扫码查看

微信小程序示例:条件渲染

1.wx:if

在小程序中,使用 wx:if=”{{condition}}” 来判断是否需要渲染该代码块

在 data里 设置属性 sex: 1

<view wx:if=”{{sex==0}}”>男</view>
<view wx:else>女</view>
2.结合 <block> 使用 wx:if
如果要使用一次性控制多个组件的展示与隐藏,可以使用一个 <block></block> 标签将多个组件包装起来,并在 <block> 标签上使用 wx:if 控制属性

true显示,false隐藏

<block wx:if=”{{true}}”>
  <view>男</view>
  <view>女</view>
</block>
3.hidden
在 data里 设置属性 type 为 true
<view hidden=”{{type}}”>条件为true则隐藏</view>

发表评论

邮箱地址不会被公开。 必填项已用*标注