当数据量过多时,使用分页请求数据。
设置分页的页数自动回到第一页。
例:
<div class="pagination"> <el-pagination background layout="prev, pager, next" :current-page.sync="currentPage" @current-change="current_change" :page-size="7" :total="total"> </el-pagination> </div> <script type="text/ecmascript-6"> export default { data(){ return{ currentPage: 1 } }, methods:{ backNumOne(){ this.currentPage = 1; } } } </script>
在使用elementUI组件的时候,遇到有选项卡在第一个选项卡点了分页之后,换另一个选项卡,页数应当自动返回第一页,但是并没有自动返回,所以需要手动设置一下。el-pagination内增加 :current-page.sync 属性(粉色字体属性),该属性指的就是 当前页数。
此方法 也可以 做回显页面时设置 存储的页面数。