2.微信组件

智江鹏

已于 2022-03-09 18:09:44 修改

阅读量90

点赞数

CC 4.0 BY-SA版权

文章标签： webview android java

于 2022-03-09 18:05:36 首次发布

本文链接：https://blog.youkuaiyun.com/zxc472504515/article/details/123383657

本文探讨了微信小程序中<view>组件与<block>标签的使用差异，包括条件渲染（wx:if）、循环遍历（wx:for）以及逻辑控制块的应用。通过实例解析，揭示了<block>作为非渲染元素在控制流程中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

8.标签与 <block> 标签的区别

两者的区别是，<view> 是一个组件，会在页面上做渲染；<block>不是一个组件，它仅仅是一个包装元素，只接受控制属性，不会在页面中做任何渲染。下面是两个<block>使用的例子：

wx:if

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


wx:for

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


wx:elif 和 wx:else

<block wx:if="{{boolean==true}}">
    <view class="bg_black"></view>
</block>
<block wx:elif="{{boolean==false}}">
    <view class="bg_red"></view>
</block>
<block wx:else>
    <view class="bg_red"></view>
</block>