iview+vue 使用中遇到的问题（分页）

一、分页默认页数

　　当页面只有一个功能须要分页组件时，引用iview分页组件固然没问题。当一个页面中有多个须要分页组件的时候，便容易出现问题。例如：在项目中有多个不一样的表格须要分页功能，几个表格共用一个分页组件，当每一个页面的页码数不一时候便会发现分页组件表格内容与显示页数不一致。在iview的page中，有current属性：

正确的代码以下：

1. 　　在分页组件中：

   <div class="page-button">
       <Page :total="this.count" :current.sync="currentpage"  show-total @on-page-size-change="pagesizechange"　@on-change="pagechange" ></Page>
   </div>

2. 　　在JS中声明：

    currentpage: 1，

3.        代码中调用：

   this.currentpage = 1;

   注意：

   currentpage 属性只能改变分页显示的当前页码。