Shulou(Shulou.com)06/01 Report--

Today, the editor will share with you the relevant knowledge points about the rendering method of the mall Mini Program list. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article, let's take a look at it.

Wx:for

Use the wx:for control property to bind an array on a component, and you can repeatedly render the component with the data of the items in the array.

The subscript variable name of the current item of the default array defaults to index, and the variable name of the current item of the array defaults to item

{{index}}: {{item.message}}

Page ({

Items: [{

Message: 'foo'

}, {

Message: 'bar'

}]

})

Use wx:for-item to specify the variable name of the current element of the array

Use wx:for-index to specify the variable name of the current subscript of the array:

{{idx}}: {{itemName.message}}

Wx:for can also be nested, below is a ninety-nine multiplication table

{{I}} * {j}} = {{I * j}}

Block wx:for

Similar to block wx:if, you can also use wx:for on labels to render a building block that contains multiple nodes. For example:

{{index}}:

{{item}}

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.