Antd vue a-list 列表的使用

• <a-list 标签中，:pagination = true 设置分页，

• :data-source 设置数据源，这里我将请求后端获取的商品列表设置为数据源:data-source="goodsLists。

（注意：前面是 goodLists 后面是 goodList）

• 在 <a-list-item 标签中操作单个数据

  其中，slot-scope 可以包含两个参数，item（就是我的 goodsList），index。index应该就是我们每条数据的索引

  <a-list-item slot="renderItem" slot-scope="goodsList">
      ...
  </a-list-item>
  

这样，我们就可以操作列表中的数据啦😁

比如，我将从后端取到的商品放到前端展示，在 a-list 中取出单个商品，放到 a-card 中就可以展示了

<a-list-item slot="renderItem" slot-scope="goodsList">
    <a-row type="flex" justify="space-between">
        <MyCard :goods-list="goodsList" />
    </a-row>
</a-list-item>

ps: 小林是无价的😊