uni-app 封装下拉刷新上拉加载组件

最新推荐文章于 2024-04-29 09:20:33 发布

何贤惠

最新推荐文章于 2024-04-29 09:20:33 发布

阅读量1.3k

点赞数 2

分类专栏： vue 文章标签： vue uni-app

本文链接：https://blog.csdn.net/weixin_37699645/article/details/115298747

版权

uni-app 封装下拉刷新上拉加载组件

好早之前就想写这篇文章，当时忙就忘了写，然后今天想了好久，前几天要写啥来的，在边吃边想的过程中，终于想出来了今天的文章。

问：为什么要封装这个组件呢
我：还不是因为我懒

哈哈哈哈哈

说是组件，但是不同于组件，我是用【mixins】的方式实现的。

首先，建立一个【components】文件夹，然后，在里面新建一个minxins.js文件

//minxins.js
export const gardyScrollMixins = {
   
	data() {
   
		return {
   
			list:[],//数据列表
			listText:false,//是否显示列表尾部提示
			url:'',//请求url
			queryfrom:{
   }//请求obj
		}
	},
	
	onPullDownRefresh(){
   
		this.list = [];
		this.resetlist();
		setTimeout(function(){
   
			uni.stopPullDownRefresh();
		},1000)
	},
	onReachBottom:function()