uniapp制作分页查询功能

效果

代码

标签中

<uni-pagination @change="pageChanged" :current="pageIndex" :pageSize="pageSize" :total="pageTotle" class="pagination" />

data中

pageIndex: 1, //分页器页码
pageSize: 10, //分页器每页显示数据的条数
pageTotle: 0 //分页器数据总条数

方法中：

			//点击分页器的监听函数
			pageChanged(e) {
				console.log(e.current);
				this.pageIndex = e.current;
                //请求后端数据
				this.requsetUserList();
			},