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

Question

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

Answer 1

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

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值可以根据接口返回数据修改，不清楚可以把后台数据发一下看看~