这段代码片段可以调整为首次显示第一页，其他页面隐藏吗

Question

wxml：

<button bindtap="EventHandle1">下一页</button>
    <button bindtap="EventHandle2">下一页</button>
    <button bindtap="EventHandle3">下一页</button>
<!-- wx:if -->

<view wx:if="{{boolean==1}}">

    <view class="bg_black">111111</view>

  </view>
<view wx:if="{{boolean==2}}" hidden="ture" >
    <view class="bg_red">22222</view>
  </view>
  <view wx:if="{{boolean==3}}" hidden="ture">
    <view class="bg_red">333333333333</view>
  </view>
  <view wx:if="{{boolean==4}}" hidden="ture">
    <view class="bg_red">4444444</view>
  </view>

js：

page:{
boolean:1,
},
EventHandle1: function(){

    var bol = this.data.boolean;

    this.setData({

      boolean: 2

    })

  },

  EventHandle2: function(){

    var bol = this.data.boolean;

    this.setData({

      boolean: 3

    })

  },
  EventHandle3: function(){

    var bol = this.data.boolean;

    this.setData({

      boolean: 4

    })

  },

Answer 1

wx:if就可以了，不用hidden="ture"
wx:if="{{boolean==1}}"这个条件为false时是不会渲染出来的