微信小程序之显示隐藏

wxml文件

 <view class='head_span' wx:if="{{head_span}}" bindtap='search_cancel'>
                        <span>取消</span>
                  </view>

hidden和if都可以用来实现显示隐藏，两者区别是，
前者只是隐藏显示，对象本身依旧存在，
后者是通过改变对象是否渲染，
前者消耗较少，后者较大，
需要频繁显示隐藏的建议使用前者，具体用什么根据当时情况所需来判断
。
。
其他还要if elif else等等，参照官方文档查看

  <view class='main' hidden="{{main}}">

js逻辑文件

data: {
            main: false,
            head_three:true,
            head_span:false
            
      },

this.setData({
                  main:false,
                  head_three: true,
                  head_span: false
            })

this.setData相当于vue里面的v-model，用于双向绑定，改变之前已经设定好的值，并且取值的时候等于改变后的，实际上原本的值也变成了改变后的，页面和逻辑层的数据都得到了改变