工作笔记-Element-Ui-el-pagination-分页组件

1,957 阅读1分钟

<el-pagination> 组件中默认10个页码 layout="prev,pager,next"依次代表的是:向前翻页、当前页、向后翻页。 一共有多少条数据由属性 :total="共多少条数据"来决定。一页展示多少条数据由属性:page-size="5"来决定

分页组件.jpg

数据渲染到了table上时,将page-size改为2,点击切换页码发现数据没有变化,这是因为没有请求第二页的数据渲染到页面

切换页面发请求.jpg

这时需要用到分页组件的事件current-change

elementUi分页组件的事件.jpg 这个事件回调函数的形参是当前页(currentPage) 可以通过打印取证。

然后在这个回调中实现点击页码切换当前页码数据的功能。

current-change事件的回调函数.jpg