let vm = new Vue(
    data () {
        return {
            recordList: [], // 展示列表
            hasNextPage: true, // 是否有下一頁
            loadPageNo: 0, // 當(dāng)前加載頁碼
            pageSize: 5, // 一次加載條數(shù)
            pullUpSwitch: true, // 能否發(fā)起請求
            pullUpWord: ''
        }
    }
)

// 當(dāng)前距離頂部的滾動(dòng)值
function getScrollTop () {
    let scrollTop = 0
    if (document.documentElement && document.documentElement.scrollTop) {
        scrollTop = document.documentElement.scrollTop
    } else if (document.body) {
        scrollTop = document.body.scrollTop
    }
    return scrollTop
}
// 屏幕的高度值
function getClientHeight () {
    let clientHeight = 0
    if (document.body.clientHeight && document.documentElement.clientHeight) {
        clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight)
    } else {
        clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight)
    }
    return clientHeight
}
// 滾動(dòng)條的長度
function getScrollHeight () {
    return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight)
}

// 監(jiān)聽滾動(dòng)條
window.addEventListener('scroll', () => {
    let scrollDiff = getScrollHeight() - getClientHeight() - getScrollTop()
    if (vm.pullUpSwitch && scrollDiff <= 50) {
        vm.pullUpSwitch = false
        vm.loadMore(vm.loadPageNo, vm.pageSize)
    }
})