正在加载数据......
使用组件
private dataList: any[] = [1, 2, 3, 4, 5, 6, 7, 8]; private loading: boolean = false; private fetchNewData() { this.loading = true; setTimeout(() => { this.dataList.push(1, 2, 3); const ref: any = this.$refs.vueLoad; this.loading = false; }, 1000); } 这里需要注意的是m-list的父容器一定要固定高度,本例为body。
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家的支持。
您可能感兴趣的文章:
- vue.js移动端app之上拉加载以及下拉刷新实战
- vue.js整合vux中的上拉加载下拉刷新实例教程
- vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
- 解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
- vue2.0 移动端实现下拉刷新和上拉加载更多的示例
- vue移动端下拉刷新和上拉加载的实现代码
- vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
- vue使用better-scroll实现下拉刷新、上拉加载
- vue插件mescroll.js实现移动端上拉加载和下拉刷新
- vueJs实现DOM加载完之后自动下拉到底部的实例代码