- 首先在mounted中添加滚动条scroll监视事件
mounted() {
//监视scroll滚动条
window.addEventListener("scroll", this.isRefresh, true);
},
- 在isRefresh函数中,当第一次到达底部时我们将isRefreshBool变量变为false(禁止refresh()加载数据函数多次触发),当我们的refresh()函数中请求完成后再将isRefreshBool设为true(允许到达底部执行refresh()加载数据函数)
methods:{
//判断滚动条是否到底部,刷新新的数据
isRefresh() {
//变量scrollTop是滚动条滚动时,距离顶部的距离
var scrollTop =
document