vue.js 实现下拉无限滚动加载新数据

效果,到页面底部后下拉获取新数据,无限滚动

vue.js 实现下拉无限滚动加载新数据_第1张图片

Random User API 一次只会返回一个随机用户数据,

 

您需要创建一个名为scroll()的新函数,并将其加载到mounted()生命周期方法中。

这个scroll()方法应该有一个简单的条件来计算页面的底部,判断它为true或false,并执行一些操作。我们将利用文档对象的documentElement.scrollTopdocumentElement.offsetHeight属性和窗口的innerHeight属性来确定是否滚动到底部







 

使用scss 请使用npm 安装 ,看我博客的其它文章安装scss 

你可能感兴趣的:(vue)