vue 上拉加载更多，点击加载更多、实现页面滑动到底部自动加载更多的效果

最新推荐文章于 2024-08-05 14:02:20 发布

幽幽靖

最新推荐文章于 2024-08-05 14:02:20 发布

阅读量1.7k

点赞数 2

分类专栏： VUE

本文链接：https://blog.csdn.net/ws19900201/article/details/98963079

版权

本文介绍如何在Vue项目中实现上拉加载更多功能，适用于长文章列表无需翻页的情况。通过监听滚动事件，当页面滑动到底部时自动加载新的数据。

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

本篇文章已更新，可查看新地址：https://blog.csdn.net/ws19900201/article/details/105310681

文章很长的时候又不使用翻页，可以考虑上拉加载。。

data () {
   
    return {
   
      scroll: true, //设置一个开关避免重复请求数据
      pagenum: 1, //当前页数
      totalnum: 3, //总页数
      articleList: [], //页面数据数组
      nomore: false
    }
  },
  created () {
   
    this.getSpecialData();
  },
  mounted () {
   
    window.addEventListener('scroll',