收藏
回答

block包装元素有什么用,看数据绑定里的案例,block一点作用也没有啊?

在数据绑定这个章节里有个block的案例
<block wx:if="{{true}}">
  <view> view1 </view>
  <view> view2 </view>
</block>
意思就是把下面两个<view>组件合并成一个block,是这个意思吗?
<view wx:if="{{length > 5}}"> 1 </view>
<view wx:if="{{length > 5}}"> 4 </view>


回答关注问题邀请回答
收藏

6 个回答

  • 神经蛙
    神经蛙
    2021-12-25

    可以理解成 {} 的作用,就是定义一个代码块

    2021-12-25
    有用 1
    回复
  • jonsen
    jonsen
    2021-12-28
    简化你的代码,让你的代码变的更有可读性
    <block wx:if="{{falgA === true}}">
      <view wx:if="{{flagB === true}}"> view1 </view>
      <view wx:if="{{falgC === true}}"> view2 </view>
    </block>
    
    2021-12-28
    有用
    回复
  • 陈宇明
    陈宇明
    2021-12-28

    可以用于循环和条件判断

    2021-12-28
    有用
    回复
  • Code Weaver
    Code Weaver
    2021-12-27

    简单来说 就是你想通过一个判断条件 包裹一整块内容。你可以用view,用view会多一个元素节点,而block没有。它仅仅是一个包装元素。

    2021-12-27
    有用
    回复
  • 微盟
    微盟
    2021-12-26

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

    你可以理解为,你需要在一个wxml中写一些逻辑语言,但是并不需要这个节点需要渲染出来。这个时候,你可以用blcok。block不是一个组件,不会被渲染出来。比如

    <block wx:if="{{true}}">
      <view> view1 </view>
      <view> view2 </view>
    </block>
    是等于
     <view wx:if="{{true}}"> view1 </view>
     <view wx:if="{{true}}"> view1 </view>
    


    2021-12-26
    有用
    回复
  • 冬寒季
    冬寒季
    2021-12-26

    1

    你不用block,直接用标签也是可以的。

    但是有一种场景例外,就是不希望有标签包裹,比如你那里,你需要分别作用到多个标签上,或者外部包裹一层,但是我如果不想要有一层包裹呢?

    也就是不需要有标签的时候,可以用block来组织。

    还有就是个人更喜欢用block,而不是直接用view之类的标签,这样代码也很容易知道这里有条件语句。


    2021-12-26
    有用
    回复
登录 后发表内容