微信小程序中 <view> 标签与 <block> 标签的区别

落日映苍穹つ 2022-05-24 12:07 273阅读 0赞

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

wx:if

  1. <block wx:if="{
  2.    {true}}">
  3.     <view> text </view>
  4.     <view> text </view>
  5. </block>

wx:for

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

wx:elif 和 wx:else

  1. <block wx:if="{
  2.    {boolean==true}}">
  3.     <view class="bg_black"></view>
  4. </block>
  5. <block wx:elif="{
  6.    {boolean==false}}">
  7.     <view class="bg_red"></view>
  8. </block>
  9. <block wx:else>
  10.     <view class="bg_red"></view>
  11. </block>

发表评论

表情：
评论列表 （有 0 条评论，273人围观）

还没有评论，来说两句吧...

相关阅读

    相关 微信小程序常用标签

    1. view 这个标签相当于div(它的特点就是在没有其他样式影响的情况下，宽度100%)； 2. text 这个标签相当于span(它的特点就是在没有其他样式影响的情况

    心已赠人心已赠人/ 0 赞/ 393 阅读