微信小程序wx:if控制元素显示隐藏

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/weixin_39378691/article/details/84546838
1.在 .js 页面中,定义consume(人均消费)

在这里插入图片描述

2.在 .wxml 页面中,使用wx:if="{{advantage.consume != ‘’}}"判断人均消费consume是否为空,若不为空,则该元素显示

在这里插入图片描述

<!-- 人均消费, 若商家不填写则不显示,wx:if做判断 -->
<view class='consume' wx:if="{{advantage.consume != ''}}">¥{{advantage.consume}}/人</view>
3.在 .wxss 页面中

在这里插入图片描述

4.consume不为空的效果图如下:

在这里插入图片描述

5.若consume为空,则该元素隐藏

在这里插入图片描述

6.consume为空的效果图如下:(整个view元素都隐藏)

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_39378691/article/details/84546838