小程序自己平时遇到的问题(显示隐藏)

1.hidden

wxml
<view bindtap='clickMe'>点击</view>

//这是显示隐藏的部分

<view hidden="{{hiddenName}}">隐藏显示部分</view>

js

  page({
    data:{
        hiddenName:true
    },
    clickMe:function(e){
        this.setData({
            hiddenName:!this.data.hiddenName
        })
    }
})
 
注意：hidden用于频繁切换

2.wx:if

html
<view wx:if="{{isShow}}">
    <view>隐藏显示部分</view>
</view>
<button  bindtap='sure'>确认</button>

js
data: {
    isShow: true
  },
sure() {
    this.setData({
      isShow: false
    })
  },