3.0-beta版本，修复2.x bug，改变调用方式

masongzhi commented 5 years ago

新特性：

改变调用方式，各参数之间关联更加紧密

<div class="app"
 style="height: 1200px; width: 400px; background-color: #000"
 v-infinite-scroll:loadMore="{
   disabledKey: 'busy',
   eventName: 'docheck',
   distance: 10,
   immediate: false,
   throttleDelay: 200
 }">
</div>

如果execute为Promise，将在执行期间自动禁止触发(未写测试)

已修复：

#123 loadmore一直调用

#112 该组件在v-if条件渲染部分内部使用不会触发，只能使用v-show #106 首次加载,会不停的加载数据,滚动条距离底部很远它自己就发起请求了,这是什么原因呢测试用例：the function should be called when v-if="true"

#121 v-infinite-scroll loadMore function was called when in another component #115 同页面多个loadmore事件触发异常测试用例：change to component2 will not execute component1 function while scroll

#114 看了源码，如果没监听到父级组件的mounted事件，就不会bind，也就是会无效

// 防止指令加载时已触发mounted
if (el[ctx].vm.$el) {
  doBind.call(el[ctx]);
} else {
  el[ctx].vm.$on("hook:mounted", doBind.bind(el[ctx]));
}
el[ctx].vm.$on("hook:activated", doBind.bind(el[ctx]));

#109 infinite-scroll-disabled 为什么有时候要改成 :infinite-scroll-disabled传参才行 api改动，经过自测没问题

#100 infinite-scroll-disabled取vue的computed值不工作测试用例：scroll computed disabledKey test