本教程为大家分享了使用wx:if进行视图层的条件渲染，供大家参考，具体内容如下
使用wx:if进行视图层的条件渲染
示例：
wxml：使用view
wxss：
}
js：
Page({
data: {
boolean:false
},EventHandle: function(){
var bol = this.data.boolean;
this.setData({
boolean: !bol
data: {
boolean:false
},EventHandle: function(){
var bol = this.data.boolean;
this.setData({
boolean: !bol
})
}
})
运行：
续上：
把上面标注绿色部分的view改成block
wxml：使用block
运行：
续上：
增加一个wx:for做列表渲染
wxml：
index.js：
var bol = this.data.boolean;
this.setData({
boolean: !bol
})
}
})
运行：
编辑错误。
原因是wx:if不能与wx:for共用在一个组件上！
续上：
wx:if和wx:for必须分开使用
wxml：
wxss：
background: lightpink;
}
index.js：
this.setData({
boolean: !bol
boolean: !bol
})
}
})
运行：
