微信小程序中,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>
差不多就是这样用啦~~