一、使用a-spin时,把你需要绘制样式的盒子要放在里面

<a-spin :spinning="loading">
      <div class="scrollable-div">

      </div>
</a-spin>

不然样式容易效果不正确

二、a-pagination切换到第二页无效

给分页所在盒子设置margin-top: -20px之后,可以切换页面size,但是无法点击第二页进行切换,经过排查时margin-top: -20px的问题,删除后可以生效

<div style="display: flex; justify-content: flex-end; width: 100%; margin-top: -20px">
      <a-pagination
        v-if="ListData.length > 0"
        v-model:current="Pagination.pageNo"
        v-model:pageSize="Pagination.pageSize"
        :show-total="total => total"
        show-size-changer
        :total="Pagination.total"
        @change="onPageChange"
        @showSizeChange="onShowSizeChange"
      />
    </div>

1

更多推荐