A brief introduction to block packaging elements in mini programs

This article brings you a brief introduction to the block packaging elements in small programs. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

1. is not a component. It is just a wrapping element. It will not do any rendering on the page and only accepts control attributes.

2. Because wx:if is a control attribute, it needs to be added to a label. If you want to judge multiple component tags at once, you can use a tag to wrap multiple components, and use wx:if control attributes on top.

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

3. Similar to block wx:if, wx:for can also be used on the tag to render a structure block containing multiple nodes. For example:

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

Related recommendations:

Mini program: Solution to prevent the bottom of the mask layer from reacting after clicking on the mask layer

Mini Program: How to dynamically add and delete JSON object arrays (with code)

The above is the detailed content of A brief introduction to block packaging elements in mini programs. For more information, please follow other related articles on the PHP Chinese website!