微信小程序for循环的布局的问题

Question

使用for循环block区块，大概如下:

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

我希望循环得出如下的排列样式：间隔式

    <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>
   
   

可是实际输出的是这样的：

    <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>
    

求教大神怎么破？

Answer 1

你好，改下你贴出的代码wx:key="{[index}}"，应该是wx:key="{{index}}"，按你的写法是可以输出你想要的结果的，list 的数据格式如下：

list: [
  {
    gid: '1'
  },
  {
    gid: '2'
  },
  {
    gid: '3'
  }
]

Answer 2

第一： 微信小程序不推荐使用id属性
第二呢：

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

不知道这样可不可以

Answer 3

不太可能，楼主应该是哪里写错了自己没发现