微信小程序之block

原文链接：https://www.cnblogs.com/aademeng/articles/12747277.html

原文链接：https://blog.csdn.net/GreyCastle/article/details/105253375

<block/> 并不是一个组件，它仅仅是一个包装元素，不会在页面中做任何渲染，只接受控制属性。在页面上它也不会被解析渲染。它只是控制它包括元素的显示与否，给它设置宽高是没有用的。

 

1.列表渲染

 

block wx:for --渲染一个包含多节点的结构块

<block wx:for="{{[1, 2, 3]}}">
  <view> {{index}}: </view>
  <view> {{item}} </view>
</block>

2.条件渲染

如果要一次性判断多个组件标签，可以使用一个 <block/> 标签将多个组件包装起来，并在上边使用 wx:if 控制属性。

<block wx:if="{{true}}">
  <view> view1 </view>
  <view> view2 </view>
</block>