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
})
},
wx:if就可以了,不用hidden="ture"
wx:if="{{boolean==1}}"这个条件为false时是不会渲染出来的
wx:if else还是不会运用 呜呜呜