vue 实现分页 两种写法 阿星小栈

 

 <Table :loading="loadingList"  border :columns="columns" :data="data"></Table>
 <div style="margin: 10px;overflow: hidden">
      <div style="float: right;">
            <Page :total="page_info.total_size" :current="page_info.page_no" :page-size="page_info.page_size" @on-change="changePage"></Page>
      </div>
 </div>
                   

　　

 <Table :loading="loadingList" :columns="columns" border height="450" :data="data" ref="tableClass"></Table>
 <Page :total="page_info.total_size" :page-size="page_info.page_size" size="small" show-total class="margin-top-20 padding-left-10" @on-change="changePage"></Page>