vue 移动端加载更多分页组件_基于vuejs的移动端分页代码

import Vue from 'vue'

import Axios from 'axios'

import { LoadMore } from 'vux'

import infiniteScroll from 'vue-infinite-scroll'

Vue.use(infiniteScroll);

export default{

data(){

return {

showLoading:true,

busy: false,

pageInfo:{

count:0,

pageIndex:1,

pageSize:5

},

}

},

methods:{

getActiveByAxios(){

if((that.pageInfo.pageIndex - 1) * that.pageInfo.pageSize > that.pageInfo.count){

that.busy = false;

that.showLoading = false;

return;

}

Axios.get('url',{

params:{

pageSize:that.pageInfo.pageSize,

pageNum:that.pageInfo.pageIndex

}

}).then(function (response) {

if (response.data.success){

let list = response.data.data.commentList;

that.comments = that.comments.concat(list);

that.pageInfo.count = response.data.data.page.count;

that.pageInfo.pageIndex += 1;

setTimeout(() => {

that.busy = false;

}, 10);

}

}).catch(function (error) {

})

}

}

}