vue分页效果(iview)

版权声明：未经本人同意不得转载 一切法律责任 后果自负 https://blog.csdn.net/xy19950125/article/details/83650042

<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
        }
      },
        query(){
            let data = Object.assign({
                pageSize: this.endRow,
                pageNum: this.startRow
            })
            this.http.post(BASE+'接口',data)
            .then(data=>{
                
            }).catch(err=>{})
        }
  }
</script>
<style>
</style>