【hidden】微信小程序hidden属性使用示例

hidden属性用于隐藏标签,代码示例:

1 <view hidden="{{!statusTag}}">我出来了~</view>
2 <button bind:tap="showIt">显示</button>
3 <button bind:tap="hiddenIt">隐藏</button>
 1 Page({
 2   data: {
 3     statusTag: false
 4   },
 5   showIt: function(){
 6     this.setData({statusTag : true})
 7   },
 8   hiddenIt: function(){
 9     this.setData({statusTag: false})
10   }
11 })

hidden组件始终会被渲染,只是简单的控制显示与隐藏。