Vue+ElementUI 分页器el-pagination的使用方法

Vue脚手架中安装element-ui,并在mian.js中进行配置(官网中有详细方法)

 效果如下


首先使用el-pagination组件。@size-change在每页数据的个数发生改变时触发。@curren-change在页数发生改变时触发。

数据源定义的数据,默认展示第一页,页面数据10条


方法触发时的操作。

每页数据个数发生改变时触发handleSizeChange(size),参数size即是选择的每页数据的数量。页数发生改变时触发handleCurrentChange(current),current即是选择的页面。

原文地址:https://www.cnblogs.com/xibaomeng/p/13578570.html