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

1、分页默认页数

　　当页面只有一个功能需要分页组件时，引用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 属性只能改变分页显示的当前页码。

转载于:https://www.cnblogs.com/wy120/p/9722529.html