vue分页效果(iview)

<template>
  <div>
    <Page :total="total" :current="startRow" :page-size="endRow" @on-change="pageChange" @on-page-size-change="pagesizechange" show-sizer show-total></Page>
  </div>
</template>
<script>
  export default{
      data(){
        return{
          total:246,//总页数
          startRow:1,//开始页
          endRow:10,//每页条数
        }
      },
      methods:{
        pageChange(page){
          this.startRow = page
        },
        pagesizechange(page){
          this.endRow = page
        }
      }
  }
</script>
<style>
</style>