python 切片分页

后端

class HUO(APIView):
    def get(self,request):
    	# 获取前端传过来的数据，需要转化为整形
        size = int(request.query_params.get('size'))
        count = int(request.query_params.get('count'))
        print('当前页码，一页条数',size,count)
        try:
        	# 当前（页码-1）*一页条数：页码*一页的数据 
            imgdata = Imgmodel1.objects.all()[(count-1)*size:(count*size)]
            ser = myimgser1(imgdata,many=True)
            # 还需要返回总条数
           count = Imgmodel1.objects.all().count()
            return Response({'msg':ser.data,'count':count})
        except Exception as e:
            print(e)
            return Response({'msg':'no','code':404})

前端

<template>
  <el-pagination
    layout="prev, pager, next"
    :total=total
    :page-size=size
     @current-change="yema"
    >
  </el-pagination>
</template>

<script>
import { post,get } from '@/utils/request';

export default {
  data(){
    return{
      total:0,//总页数
      size:2,//每页条数
      count:1,//当前页码
    }
  },
  methods:{
    //页码变化时的方法,num  el-ui内部自带检测页码的变化，赋值给当前页码在调用huo方法，获取图片
    yema(num){
      this.count = num
      this.huo();
    },
    // 获取全部图片，将当前页码，一页条数传到后端
    huo(){
      get('huo/',{params:{size:this.size,count:this.count}})
      .then(resp=>{
        console.log('图片》》》',resp.data)
        this.lis1= resp.data.msg
        this.total = resp.data.count
      }).catch(err=>{
        console.log(err)
      })
    },
} 
mounted(){
		//需要挂载自动获取数据
		this.huo();
	}
</script>