pc端滑动加载更多 vue组件vue-data-loading

1.需求：在PC端实现数据滚动加载效果 筛选vue中的组件再三 决定使用 vue-data-loading 效果还是蛮赞的 官网地址:https://github.com/bedlate/vue-data-loading/blob/master/README_CN.md

2.简单的事例 官网中已有源码 需要的小伙伴 可以直接查看官网 在这里我主要说下我遇到的坑 我的列表页面如图所示 

 

⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️

⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️

3.此时我使用官网的代码如下图 无论如何都是触发不了上拉加载和infinite-scroll事件(为此 我万分苦恼.........) 找了一两个小时也没找出问题

4.然后只能默默的再重新查看文档 各个属性的说明 发现下面一个属性跟滚动事件有直接的关系 然后我就各种修改 offset的值 然后却发现 怎么修改都没用 （之前修改都是正数，突发奇想。。。直接把offset的值修改为-1尝试了下 竟然可以 我的天 。。内心万分激动 然而我还是不知道原因，有知道的小伙伴来交流交流哈）  

5.下面附上封装的组件的源码 和使用的源码 方便以后使用

A)封装的加载更多组件

<template>
    <div class="loadMore">
        <vue-data-loading
                :loading="loading"
                :completed="completed"