Ant Design Vue 中的List组件（渲染列表加分页加进度条）

最新推荐文章于 2024-08-15 13:48:12 发布

略*~

最新推荐文章于 2024-08-15 13:48:12 发布

阅读量2.2k

点赞数 1

分类专栏： vue 文章标签： vue.js 前端

本文链接：https://blog.csdn.net/weixin_47735395/article/details/123740264

版权

本文介绍了如何在Ant Design Vue中使用List组件来展示列表数据，结合分页功能和进度条，实现高效的数据加载和展示。通过实例代码详细解析了组件的配置和用法，帮助开发者更好地理解和应用。

摘要由CSDN通过智能技术生成

<template>
  <a-list item-layout="vertical" size="large" :pagination="pagination" :data-source="myClass">
    <template #renderItem="{ item }">
      <div class="myclass-div">
        <a-list-item>
          <a-list-item-meta>
            <template #avatar>
              <div class="coverImg">
                <es-upload-img :value="item.CoverFileId" :showImgStyle="{}" disabled />
              </div>
            </template>
            <template #title>
              <div>
                <span class="className-link" v-html="item.searchText"></span>
              </div>
              <div style="width: 905px">
                <div class="content-div">
                  <div style="width: 155px">