微信小程序中使用vant weapp折叠面板组件的问题

img


在使用vant weapp组件中发现这个组件我在网上没有找到这个怎么才能在页面中的van-collapse-item组件上去for循环我返回接口的数据,他的for循环结构是什么样子的有知道不?

哈喽,代码如下:
假设接口返回的数据是:


list:[{
  title:'有赞微商城',
  name:'1',
  text:'提供多样店铺模板,快速搭建网上商城'
},{
  title:'有赞零售',
  name:'2',
  text:'网店吸粉获客、会员分层营销、一机多种收款,告别经营低效和客户流失'
},{
  title:'有赞美业',
  name:'3',
  text:'线上拓客,随时预约,贴心顺手的开单收银'
}]

那么渲染遍历应该是这样:

<van-collapse value="{{ activeName }}" bind:change="onChange">
  <van-collapse-item title="{{item.title}}" name="{{item.name}}" wx:for="{{comment}}" wx:key="id" >
      {{item.text}}
  </van-collapse-item>
</van-collapse>

key值可以根据接口返回数据修改,不清楚可以把后台数据发一下看看~