首先我们先了解下他的配置参数: v-infinite-scroll="loadMore"表示回调函数是loadMore infinite-scroll-disabled="busy"表示由变量busy决定是否执行loadMore,false则执行loadMore,true则不执行,注意,busy表示繁忙,繁忙的时候是不执行的。 infinite-scroll-distance="10"这里10决定了页面滚动到离页尾多少像素的时候触发回调...
infinite-scroll-immediate-check默认值为true,该指令意思是,应该在绑定后立即检查busy的值和是否滚动到底。如果你的初始内容高度不够高、不足以填满可滚动的容器的话,你应设为true,这样会立即执行一次loadMore,会帮你填充一些初始内容。 infinite-scroll-listen-for-event当事件在Vue实例中发出时,无限滚动将再次检查。
infinite-scroll-distance: 触发加载的距离阈值,单位为px infinite-scroll-immediate: 是否立即执行加载方法,以防初始状态下内容无法撑满容器。 默认情况下,infinite-scroll-disabled是false,因此如果组件使用无限滚动加载组件,即使在vue不进行加载方法的调用,组件也会调用该方法,因此如果需要控制的话,尽量是使用infinite-scr...
infinite-scroll-distance: 触发加载的距离阈值,单位为px infinite-scroll-immediate: 是否立即执行加载方法,以防初始状态下内容无法撑满容器。 默认情况下,infinite-scroll-disabled是false,因此如果组件使用无限滚动加载组件,即使在vue不进行加载方法的调用,组件也会调用该方法,因此如果需要控制的话,尽量是使用infinite-scr...
4、infinite-scroll-distance //触发加载的距离阈值,单位为px 5、infinite-scroll-immediate //是否立即执行加载方法,以防初始状态下内容无法撑满容器。 //默认情况下,infinite-scroll-disabled是false,因此如果组件使用无限滚动加载组件,即使在vue不进行加载方法的调用,组件也会调用该方法,因此如果需要控制的话,尽量是...
1、v-infinite-scroll="load"//load无限滚动加载的方法2、infinite-scroll-disabled//是否禁用无限滚动加载3、infinite-scroll-delay//节流时延,单位为ms4、infinite-scroll-distance//触发加载的距离阈值,单位为px5、infinite-scroll-immediate//是否立即执行加载方法,以防初始状态下内容无法撑满容器。//默认情况下,inf...
页面初始加载时在created里获取初始数据data紧接着判断data.length>=rows 这里的rows为一页要显示的数据量满足条件则busy置为false(定义时busy为true) 如果要用数据对容器进行填充,那么必须设置容器高度 也可以是屏幕高度,不然无法触发loadMore事件 在进行异步请求之前,需要调用this.busy= true, 数据请求完成后 再设置...