美文网首页
控制属性和包装元素

控制属性和包装元素

作者: 进击的码农设计师 | 来源:发表于2018-05-22 10:25 被阅读0次

1.控制属性:

用于控制WXML结构的属性,控制包含两种方法:
——条件判断(用于布尔值真假的判断,以控制程序进入不同的逻辑分支);
——循环(只用户重复执行代码,直到循环条件的结束)。

——在微信中用wx:if来控制模板分支的结构
——用wx:for来控制模板循环的结构
这些属性必须放在开始的标签属性里面,并且数据变量需要用{{ }}包括起来。

控制属性

2.包装元素:

控制属性的使用规则决定了它必须基于组件而存在,那么对多层嵌套的使用场景时,这种规则会导致开发者引入很多没有必要的页面组件,比如一个3层嵌套的结构可能会因为for循环导致很多<view>组件出来,但是这些组件对页面的展示并没有任何价值,反而会影响渲染的效率,为了解决这个问题,小程序为开发者提供了包装元素<block>
<block>的特点是在页面中不会做任何的渲染,可以把控制属性放在<block>中,对页面结构进行多层的控制,而不用担心页面在渲染的时候产生多余的组件。
例如:

<view wx:for="{{ array }}">
  <view wx:if="{{ condition1 }}">
    <view wx:if="{{ condition2 }}">
      <text>Hello</text>
    </view>
  </view>
</view>

<block wx:for="{{ array }}">
  <block wx:if="{{ condition1 }}">
    <block wx:if="{{ condition2 }}">
      <text>Hello</text>
    </block>
  </block>
</block>

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

相关文章

  • 控制属性和包装元素

    1.控制属性: 用于控制WXML结构的属性,控制包含两种方法:——条件判断(用于布尔值真假的判断,以控制程序进入不...

  • 小程序中的block

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

  • 微信小程序block标签的作用

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

  • 小程序学习笔记

    控制元素 wx:for wx:if 包装元素 hidden && wx:if ...

  • 小程序学习

    并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。 因为wx:if是一个控制属性,需要...

  • 第 11 章 jQuery 工具类函数

    使用 attr() 方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式...

  • 第 5 章 jQuery 操作 DOM 元素

    使用 attr() 方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式...

  • jQuery基本操作

    jQuery操作DOM元素 使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其...

  • vue笔记9.13

    v-bind:属性名='值' 绑定属性的 v-show="" 控制元素的显示和隐藏 使用display:no...

  • jquery-操作DOM

    使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获...

网友评论

      本文标题:控制属性和包装元素

      本文链接:https://www.haomeiwen.com/subject/cfpqjftx.html