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

1.在 .js 页面中,定义consume(人均消费)

微信小程序wx:if控制元素显示隐藏_第1张图片

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

在这里插入图片描述


¥{{advantage.consume}}/人
3.在 .wxss 页面中

在这里插入图片描述

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

在这里插入图片描述

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

微信小程序wx:if控制元素显示隐藏_第2张图片

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

在这里插入图片描述

你可能感兴趣的:(微信小程序)