关于element-ui分页组件的问题

Question

写了一个很简单的分页组件，但是放到页面页面上不能用，点击页面标签页面上一点效果都没有，也没有报错，值都传过去了，也可以打印出来，大家帮忙看看哪里出错了

<template>
  <div class="el-table-self">
      <el-pagination
              :current-page="currentPage"
              :page-size="pagesize"
              layout="prev, pager, next"
              :total="totalCount">
      </el-pagination>
  </div>
</template>

<script>
  export default{
    data(){
      return {
//        pagesizes:this.pagesize,
//        currentPage:this.currentPage
      }
    },
  created(){
    console.log(this.pagesize);
    console.log(this.totalCount);
    console.log(this.currentPage);
  },
    props:{
      totalCount:Number,  //表格数据总数
      pagesize:Number,    //决定每页显示的条数
      currentPage:Number,
    },
    methods:{
    }
  }

</script>
<style></style>

父组件

      <tree-grid
                     :columns="columns"
                     :dataSource="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)"
                
      </tree-grid>

    <paging  :totalCount="totalCount"
      :pagesize="pagesize"
      :currentPage="currentPage"></paging>
      
      data(){
            return {
                pagesize:2,
                currentPage:2,
                totalCount:'',
            }
        }

Answer 1

那啥，看看api，琢磨下就好了，10分钟的事。

Answer 2

需要引入组件
import Paging from '组件地址'
export default {

components: {
    Paging
  }

}

Answer 3

你把组件里 el-pagination 的 current-change 事件 $emit 出来 ，然后由父组件改 currentPage 的值