The problem of the layout of WeChat Mini Programs's for cycle

use the for loop block block, roughly as follows: 

<block wx:for="{{list}}" wx:key="{{index}}">
    <view id="goods-{{item.gid}}"></view>
    <view class="container-body-box-item"></view>
</block>

I want to loop to get the following arrangement pattern: spaced 

    <view id="goods-1"></view>
    <view class="container-body-box-item"></view>
    <view id="goods-2"></view>
    <view class="container-body-box-item"></view>
    <view id="goods-3"></view>
    <view class="container-body-box-item"></view>

but the actual output looks like this: 

    <view class="container-body-box-item"></view>        
    <view class="container-body-box-item"></view>
    <view class="container-body-box-item"></view>
    <view id="goods-1"></view>
    <view id="goods-2"></view>
    <view id="goods-3"></view>

how to ask for advice?

Javascript Mini-Program
Jun.22,2021

Hello, change the code you posted wx:key= "{[index}}" , which should be wx:key= "{{index}}" . You can output the desired results in your own way. The data format of list is as follows: 

  
 is not possible. The landlord should have written something wrong and didn't find it 
.

Previous: What are the disadvantages of using rem to write adaptively on PC?

Next: What do the parameters in the parameter equation when echarts-gl draws a surface represent?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu