【uni-app】实现下拉刷新、上拉加载更多以及搜索功能

效果图：

首先在page页面设置enablePullDownRefresh属性 激活下拉

{
   
   "path": "pages/index/index",
   "style": {
   
       "navigationBarTitleText": "uni-app",
       "enablePullDownRefresh":true
   }
}

export default {
   
	data() {
   
		return {
   
			orders: [], //列表
			page: 1,//当前页
			pageSize: 15,//页数量
			noMore: false,
			student_name: ''//学员姓名，搜索的时候使用
		};
	},
	methods: {
   
		getList() {
   
			if (this.noMore == true) {
   
				uni.hideLoading();
				return;
			}

			let data = {
   
				page: this.page++,
				pageSize: this.pageSize,
				student_name: this.student_name
			};
			ApiAuth.expiredStudents(data).then(res => {
   
				uni.hideLoading