一、使用wx:if指令

<view wx:if="{{3>2}}">我是wx:if</view>

二、使用opacity属性

<view style="opacity:{{opacity}}">我是opacity属性</view>

三、使用display属性

<view style="display:none">每个组件都有的display属性</view>//元素不显示
　　
<view style="display:block">每个组件都有的display属性</view>//元素显示
　　
<view hidden="{{'adfad'=='adf'}}">每个组件都有的dy属性</view>//当然在{{}}表达式中也可以使用一些简单的运算。

四、还有一种方式可以使用绝对定位

使元素脱离文档流，通过改变元素的top和left属性值控制元素的显示与否

五、使用hidden属性

在页面的js文件中通过修改hidden值来控制，

<view hidden="true">每个组件都有的hidden属性</view>
　　
<view hidden='false'>每个组件都有的hidden属性</view>
　　
<view hidden="{{hiddenn}}">每个组件都有的hidden属性</view>

微信小程序学习——view的显示与隐藏

需要在全局数据块中，设定一个控制键。

  data: {
   ......//省略其他代码
    showView: true
  },

然后是在wxml中，view的class中设置2个class，并用三目表达式来进行设定class。代码如下：

 <view class="{{showView?'header_view_show':'header_view_hide'}}">
......
</view>

在wcss中进行这两个class的设定，代码如下：

.header_view_hide{
  display: none;
}

.header_view_show{
	......
  display: block;
}

在JS代码中，放入一个事件来修改showView的值：

onChangeShowState: function () {
    this.setData({
      showView: (!this.data.showView)
    })
  },

绑定一个案件，或者做一个监听，来触发事件。

<button bindtap="onChangeShowState">显示/隐藏view</button>

参考博客 ：https://blog.csdn.net/bright789/article/details/54728326