小程序开发-block组件的使用

微信小程序中，block不是一个组件，而是一个包装元素，不会在页面中做任何渲染。

使用情况：条件渲染 wx:if

因为 wx:if 是一个控制属性，需要将它添加到一个标签/组件上，用于控制隐藏与显示。而如果需要一次性控制多个组件的隐藏与显示，一个一个添加wx:if过于繁琐，此时就可以使用block将这些组件包裹起来，对block设置wx:if控制属性

<block wx:if="">
      <view catchtap="minus" data-category="{{value.id}}" data-productid="{{item.id}}" class="minus">-</view>
      <view class="number">{{item.num}}</view>
</block>

wx:if 条件判断的值， 对0和空字符串转为false，此时block包裹的组件隐藏

如果想让其显示将其改成非0数字、非空字符串即可。

使用情况：循环渲染 wx:for

<block wx:for="{{ history_today_data }}" wx:key="a">
      <view class="title">
      <text class="year">{{item.year}}</text>
            <text class="mid"> | </text>
            <text class="titl" selectable="true" bindlongtap="copyToClipboard">{{item.title}}</text>
      </view>
      <view class="des">
            <text bindlongtap="copyToClipboard" data-des="{{item.des}}">{{item.des}}</text>
      </view>
</block>

差不多就是这样用啦~~