风吹瑟瑟冷 2021-10-18 09:55 采纳率: 27.3%
浏览 113
已结题

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

img


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

  • 写回答

1条回答 默认 最新

  • been_ss 2021-10-18 10:07
    关注

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

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 10月18日
  • 已采纳回答 10月18日
  • 修改了问题 10月18日
  • 创建了问题 10月18日

悬赏问题

  • ¥15 BP神经网络控制倒立摆
  • ¥20 要这个数学建模编程的代码 并且能完整允许出来结果 完整的过程和数据的结果
  • ¥15 html5+css和javascript有人可以帮吗?图片要怎么插入代码里面啊
  • ¥30 Unity接入微信SDK 无法开启摄像头
  • ¥20 有偿 写代码 要用特定的软件anaconda 里的jvpyter 用python3写
  • ¥20 cad图纸,chx-3六轴码垛机器人
  • ¥15 移动摄像头专网需要解vlan
  • ¥20 access多表提取相同字段数据并合并
  • ¥20 基于MSP430f5529的MPU6050驱动,求出欧拉角
  • ¥20 Java-Oj-桌布的计算