mounted() {
let _this = this;
window.onscroll = function() {
//变量scrollTop是滚动条滚动时,距离顶部的距离
var scrollTop =
document.documentElement.scrollTop || document.body.scrollTop;
//变量windowHeight是可视区的高度
var windowHeight =
document.documentElement.clientHeight || document.body.clientHeight;
//变量scrollHeight是滚动条的总高度
var scrollHeight =
document.documentElement.scrollHeight || document.body.scrollHeight;
//滚动条到底部的条件
if (scrollTop + windowHeight == scrollHeight) {
console.log(_this.total, _this.queryData.size);
if (_this.total > _this.queryData.size) {
_this.queryData.size += 10;
_this.getData();
} else {
_this.noMore = true;
alert("这是全部的内容");
}
}
};
},
vue滑动底部加载数据
于 2021-11-16 14:02:28 首次发布