// 放生命周期mounted里面
this.$nextTick(() => {
// 进入nexTick
var body= document.getElementById("body");
body.onscroll = () => {
var scrollTop = body.scrollTop;
// 获取可视区的高度
var windowHeight = body.clientHeight;
var windowWidth = body.clientWidth;
// 获取滚动条的总高度
var scrollHeight = body.scrollHeight;
if (Math.round(scrollTop + windowHeight) >= scrollHeight) {
// 把距离顶部的距离加上可视区域的高度 等于或者大于滚动条的总高度就是到达底部
}
}
});
vuejs页面到达底部加载数据
最新推荐文章于 2024-05-09 12:17:39 发布