2 回答
TA贡献1797条经验 获得超6个赞
参考 demo 对应的代码,第二个链接,data 设置个 pageIndex:0 ,created 的时候获取第一页的数据,放进 list 里,loadBottom方法里pageIndex++,获取下一页
export default {
data() {
return {
list: [],
allLoaded: false,
bottomStatus: '',
wrapperHeight: 0,
pageIndex: 1,
pageSize:10
};
},
methods: {
handleBottomChange(status) {
this.bottomStatus = status;
},
loadBottom() {
this.pageIndex++
getDataFromServer()
},
getDataFromServer(){
var vm = this
//后台获取某页数据,以下为成功回调函数里的代码,假设返回为{data:[],total:30}
vm.list = vm.list.concat(res.data)
if(vm.list.length===total){
vm.allLoaded = true
}
vm.$refs.loadmore.onBottomLoaded();
}
},
created() {
getDataFromServer()
},
mounted() {
this.wrapperHeight = document.documentElement.clientHeight - this.$refs.wrapper.getBoundingClientRect().top;
}
};
mint-ui不是有很多 demo 么。。。
添加回答
举报