<template>
<div>
<loadmore :top-method="loadTop" :bottom-method="loadBottom" :bottom-all-loaded="allLoaded" ref="loadmore">
<ul>
<li v-for="item in list">{{ item }}</li>
</ul>
</loadmore>
</div>
</template>
<script type="text/javascript-6">
import loadmore from 'vue-loadmore';
export default {
data(){
return {
list: [],
allLoaded: false
}
},
components:{
loadmore
},
methods:{
loadTop(id){
console.log(1);
this.$refs.loadmore.onTopLoaded();
},
loadBottom(id) {
this.allLoaded = true;// 若数据已全部获取完毕
this.$refs.loadmore.onBottomLoaded();
}
}
}
</script>
<style scoped>
</style>
