apicloud结合vue做分页！下拉加载更多！

直接看代码：

HTML： 

  

            

            

                

                    

                
            
            

                
                

                    
                    
                        查询全部
                        入账记录
                        出账记录
                    
                
                
确定查找
            
            

                

                    

                        
数量
                        
流动说明
                        
记录时间
                    
                    

                        

                        

                        

                    
                
                
当前没数据
            
        

JS：

 var vm;
    apiready = function () {
        vm = new Vue({
            el: '#app',
            data() {
                return {
                    is_meun: 0,
                    type: api.pageParam.type,
                    userInfo: [],
                    get: {
                        money_type: 1,
                        type: '',
                        status: 1,
                        page: 1,
                        pagesize: 8,
                    },
                    type_list: [],
                }
            },
            methods: {
                fnGetUserInfo() {
                    var _this = this;
                    // 将数据清空
                    _this.userInfo = [];
                    // 将page重新设为1
                    _this.get.page = 1;
                    _post('test/getFundingInformation', 'post', _this.get, function (res, err) {
                        if (res.code == -1) {
                            api.toast({
                                msg: res.err,
                                duration: 2000,
                                location: 'bottom'
                            })
                        } else {
                            _this.userInfo = res.data;
                        }
                    })
                },
                get_type() {
                    var _this = this;
                    _post('test/detail_list', 'post', {}, function (res, err) {
                        if (res.code == -1) {
                            api.toast({
                                msg: res.err,
                                duration: 2000,
                                location: 'bottom'
                            });
                        } else {
                            _this.type_list = res.data;
                        }
                    })
                },
                Scroll: function () {
                    //滚动盒子
                    try {
                        chatBoxHeight = parseInt(this.$refs.Box.scrollHeight);
                        chatBox = parseInt(this.$refs.Box.scrollTop);
                        if (chatBoxHeight - chatBox == this.$refs.Box.clientHeight) {
                            var _this = this;
                            // 滚动到盒子底部
                            vm.get.page++;
                            _post('test/getFundingInformation', 'post', vm.get, function (res, err) {
                                if (res.code == -1) {
                                    api.toast({
                                        msg: res.err,
                                        duration: 2000,
                                        location: 'bottom'
                                    });
                                } else {
                                    // 在上一个数组中拼接一个新数组(类似下拉刷新,加载更多)
                                    _this.userInfo = _this.userInfo.concat(res.data);
                                }
                            })
                        }
                    } catch (error) {
                    }
                },
            },
            created() {
                var _this = this;
                var header = $api.dom('header');
                var headerH = $api.fixStatusBar(header);
                $api.fixStatusBar(header);
                // console.log(headerH);
                // 实例化滚动插件
                echo.init();
                _this.fnGetUserInfo()
                _this.get_type();
                document.addEventListener('scroll', this.Scroll);
            }
        })

不懂的！留言问我！