小程序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>