vue中的iview分页的使用

1.后台代码

public function lists(){
			$param=\input('post.');
			$page=$param['page']??1;
			
			$where['admin']=0;
			
			if(!empty($param['name'])){
				$where['name']=$param['name'];
			}
			
			$total=Db::name('user')->where($where)->count();
			
			if($total==0){
				return [200,['total'=>'','data'=>'']];
			}
			$data=Db::name('user')->where($where)->page($page,10)->order('time desc')->select();
			foreach($data as &$v){
				$v['time']=\date('Y-m-d',$v['time']);
			}
			return [200,['total'=>$total,'data'=>$data]];
		}

2.前台代码

//data1.total为数据总条数
<Page :total="data1.total" @on-change="page" show-total />

3.发送请求

methods:{
	page(num){
				// alert(num);//这里的数字num是页码
				this.list(num);
	},
	async list(page=1){
		this.loading=true;
		let param={
			page:page
		}
		let res=await this.$api.user.lists(param);
		if(res){
			this.data1=res;
			console.log(res);
		}
		this.loading=false;
	},
}