// 滚动内容最下方节点
<div id="scroll-el"></div>
// 接口请求数据
const getInfoList = () => {
post_wujie('xxx接口', {
page: pageObj.value.page,
limit: pageObj.value.limit,
start: (pageObj.value.page - 1) * pageObj.value.limit
}).then((res: any) => {
let data = res.data;
let num = res.totalNum
informationList.value = data
if (informationList.value.length < num) {
openOrClose.value = true;
} else {
openOrClose.value = false;
}
})
}
// 是否继续加载的开关
const openOrClose = ref(true)
const pageObj = ref({
page: 1,
limit: 10
})
const changeScrollSlide = () => {
let el2 = document.getElementById('scroll-el')
if (el2 && el2.getBoundingClientRect().top < document.documentElement.scrollHeight && openOrClose.value === true) {
openOrClose.value = false;
pageObj.value.page += 1
getInfoList()
}
}
window.addEventListener('scroll', changeScrollSlide, true)
