H5下拉分页加载

import InfiniteLoading from 'vue-infinite-loading';

 

components: {

InfiniteLoading

},

 

<infinite-loading direction="bottom" spinner="waveDots" :distance="100" @infinite="infiniteHandler">

<div slot="no-results" class="noMore">没有更多评论了</div>

<div slot="no-more" class="noMore">没有更多评论了</div>

</infinite-loading>

 

infiniteHandler($state) {

 

if (this.info.isLastPageOfReply == 1 ) {

$state.complete();  // 结束加载

} else {

$state.loaded();  // 继续加载

}

});

},