登录
首页 >  文章 >  前端

Vue无限滚动加载Demo只加载了10条数据,如何才能加载100条?

时间:2024-11-22 20:18:39 171浏览 收藏

从现在开始,努力学习吧!本文《Vue无限滚动加载Demo只加载了10条数据,如何才能加载100条?》主要讲解了等等相关知识点,我会在golang学习网中持续更新相关的系列文章,欢迎大家关注并积极留言建议。下面就先一起来看一下本篇正文内容吧,希望能帮到你!

Vue无限滚动加载Demo只加载了10条数据,如何才能加载100条?

vue无限滚动加载demo:为何未实现加载100条数据?

在您提供的vue无限滚动加载demo中,确实存在尚未实现加载100条数据的情况。这是因为该demo的getdata方法中指定了每次加载的数据量:

getdata() {
  const start = (this.currentpage - 1) * this.pagesize;
  const end = this.currentpage * this.pagesize;
  this.data = this.data.slice(start, end);
}

其中,pagesize属性的值为10,因此每次加载的数据量限制为10条。要实现加载100条数据,需要修改pagesize的值为100:

pageSize: 100

好了,本文到此结束,带大家了解了《Vue无限滚动加载Demo只加载了10条数据,如何才能加载100条?》,希望本文对你有所帮助!关注golang学习网公众号,给大家分享更多文章知识!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>