分页 ,drf ，vue父子组件，django

下面是父组件

<template>
    <div>
        <button @click='minus'>上一页</button>
        // for 循环 接收过来的aaa，点击时间把i传过去
        <button v-for='i in aaa' @click='fenyes(i)'>{{i}}</button>
        <button @click='add'>下一页</button>
    </div>
</template>
<script>


export default{
        data () {
            return {
                data_page:1
            }
        },
        //接收index.vue页面传过来的值
        props: ['aaa','num_pages'],
        methods: {
            //下一页
            minus(){
                if(this.data_page==1){
                    return
                }
                this.data_page-=1
                let data={
                    data_page:this.data_page
                }
                //返回给index.vue 值
                this.$emit('fenye',data)
            },
            //上一页
            add(){
                if(this.data_page==this.num_page){
                    return
                }
                this.data_page+=1
                let data={
                    data_page:this.data_page
                }
                this.$emit('fenye',data)
            },
            //页数
            fenyes(i){
                this.data_page=i
                let data = {
                    data_page:this.data_page
                }
                this.$emit('fenye',data)

            }
        }
}
</script>

下面子组件