Vue移动端下拉刷新上拉加载组件，体积小，运行速度快
下面介绍一个Vue移动端下拉刷新上拉加载组件，体积小，运行速度快，它非常易于使用。Vue.js的下拉刷新和上拉加载组件。通过提供简单的api易于使用。与其他组件库不同，它使用浏览器本身而不是js作为滚动容器，因此它的代码量更小，同时又不失用户体验。中文|英文预览在线演示您也可以扫描以下二维码访问演示：Install&Usetoinstallnpmpackage#npmnpminstallvuejs-loadmore--saveglobalimportimportVuefrom'vue';importVueLoadmorefrom'vuejs-loadmore';Vue.use(VueLoadmore);国际化支持中文zh-CN和英文en-US，默认为zh-CN。从'vuejs-loadmore'导入VueLoadmore；Vue.use(VueLoadmore,{lang:'en-US'})你也可以使用locale.use()来指定语言。importVueLoadmore,{locale}from'vuejs-loadmore';Vue.use(VueLoadmore);locale.use('en-US');基本用法
on-refresh和on-loadmore下拉刷新或滚动到底部时会触发，处理数据后需要执行回调函数done()要求。如果你不需要刷新，就不要绑定刷新。当数据请求完成后，可以把finisheddata改成true，会显示没有了。exportdefault{data(){return{list:[],page:1,pageSize:10,finished:false};},mounted(){this.fetch();},方法：{onRefresh(done){this.list=[];这个.page=1;this.finished=false;这个。获取（）；完毕（）;},onLoad(done){if(this.page<=10){this.fetch();}else{//加载所有数据this.finished=true;}完毕（）;},fetch(){for(leti=0;i
exportdefault{data(){return{list:[],finished:false,error:false,};},方法：{onLoad(){fetchSomeThing().catch(()=>{this.error=真的;});},},};APIPropsAttributeDescriptionTypeDefaulton-refreshtoppull-downtriggerfunction-pulling-textpull-downdisplaytextstringpull-downrefreshloosing-textreleasedisplaytextstringreleaserefreshloading-textisrefreshingdisplaytextstringisrefreshingsuccess-text刷新完整显示文字string刷新完成show-success-text是否显示成功-textbooleantruepull-distance触发刷新状态的距离_number\string_50head-height刷新显示区域的高度_number\string_50animation-duration下拉刷新动画duration_number\string_200on-loadmorescrolls到底部触发function-immediate-checkmounted后是否立即检查booleantrueload-offset当滚动条到底部的距离小于load-offset时，on-loadmore_number\string_50finished数据加载完毕，改成true数据是否加载错误会显示finished-textbooleanfalseerror,on-loadmore只会在点击错误文本时触发，同步修饰符booleanfalseloading-textscrolledtothebottomandloading-textloadingerror显示文本字符串请求失败，点击reload方法使用ref获取List实例，调用实例方法NameDescriptioncheckScroll查看当前滚动位置，如果已经滚动到底部，会触发on-loadmoreexample查看演示以快速了解如何使用此包。gitclonegit@github.com:staticdeng/vuejs-loadmore.gitarninstallarn示例：dev
