vue 实现下拉无限刷新

用vue搭建的微信公众号开发，首页的列表需要无限下拉加载刷新，直接上项目里的代码：

data(){
    noMore:false,    //没有更多了
    lock:false       //锁，防止滚动到最后时多次执行加载
},
created(){
     window.addEventListener('scroll',this.scrollEnd);
},
destroyed(){
    window.removeEventListener('scroll', this.scrollEnd);//监听页面滚动事件
},
methods: {
    scrollEnd(){
        // console.log(document.documentElement.clientHeight+'-----------'+window.innerHeight); // 可视区域高度
        // console.log(document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop); // 滚动高度
        // console.log(document.body.offsetHeight); // 文档高度
        // 判断是否滚动到底部
        if((document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop) + window.innerHeight === document.body.offsetHeight) {
            if(this.noMore){
                Toast({
                //此处的toast引用的是mint-UI
                    message: '没有更多了哦',