Vue2.x中使用DataV中的轮播表

汪汪队出击

于 2023-05-19 18:20:24 发布

阅读量1.5k

点赞数

分类专栏： vue 文章标签：可视化 dataV vue.js 前端

本文链接：https://blog.youkuaiyun.com/qq_58671311/article/details/130771833

版权

文章讲述了在使用QQ录屏时遇到的分页接口数据加载和轮播表数据不更新的问题。通过设置maxResultCount和skipCount参数进行分部加载，根据接口返回数据的长度判断是否继续查询。当数据加载完成后，对数据进行处理并更新到轮播表。若数据未更新，则采取递归调用来获取更多数据，直至数据完整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

QQ录屏20230519174802

一、使用过程中遇到的问题

1. 对分页接口进行分部加载（一次调10条知道调完所有数据）

2. 将接口返回的一段一段的数据处理成DataV中轮播表所需要的格式

3. 轮播表数据不更新

二、解决问题

思路：maxResultCount 单次查询的最大条数（随意 int类型）

skipCount 跳过多少条数据查询

判断接口返回的数据res的数组长度来判断是否继续查询，数组长度为0就对数据进行处理，处理完数据后使用拓展运算符更新数据

具体实现看下面代码

getTenantResourcesList() {
      let pages = this.page
      this.skipCount = (pages - 1) * this.size
      this.maxRes