微信小程序

微信小程序block标签的作用

2019-07-27  本文已影响0人  狂奔的蜗牛_7197

block并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。

因为 wx:if 是一个控制属性,需要将它添加到一个标签上。如果要一次性判断多个组件标签,可以使用一个 <block/> 标签将多个组件包装起来,并在上边使用 wx:if 控制属性。

<block wx:if="{{true}}"> 

    <view> view1 </view> 

    <view> view2 </view> 

</block>

类似 block wx:if,也可以将 wx:for 用在<block/>标签上,以渲染一个包含多节点的结构块。例如:

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

  <view> {{index}}: </view>

  <view> {{item}} </view>

</block>---------------------

中文翻译过来的意思是‘块’,意思就是一大段代码需要一个括号包裹起来一样,形成一块一块

其实也就类似头条的这个块。

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

     <view> {{index}}: </view>

      <view> {{item}} </view>

</block>

这样的好处就是有了block标签过后,你就可以把if 或者 for 语句写在block标签里面这样就控制了这一块的逻辑。

上一篇 下一篇

猜你喜欢

热点阅读