WXML中的条件语句

wx:if  和  hidden 的使用

1.在js中定义数据

Page({ 
  data:{ 
   type:1,
   flag: false
  }, 
})

2.在wxml中使用wx:if 和 hidden， block用于包装组件(不会渲染为任何标签)

 <!-- 条件渲染 -->
 <view wx:if="{
   {type === 1}}">男</view>
 <view wx:elif="{
   {type === 2}}">女</view>
 <view wx:else>保密</view>
 <!-- 结合block -->
 <block wx:if="{
   {false}}">
 <view>1</view>
 <view>2</view>
 </block>
<!-- hidden -->
 <view hidden="{
   {flag}}">123</view>

3.查看效果

wx:if  和  hidden 的区别