vue-element-ui-分页用法

一、element-ui-分页

官方文档：https://element.eleme.cn/#/zh-CN/component/pagination

场景：

当一个页面中会有多个tab页，每个tab都是一个列表数据，那就存在分页组件。

问题产生：

因为是同一个页面，所以会公用一个分页组件，这就会产生一个问题，点击前一个tab页，点击分页，再点击第二个tab页的时候，分页依旧停留在第一个tab的分页当前页。

解决方案：

​ 重新设置当前页

具体实现方案：

• 方案一：
  • 在分页组件中定义重置当前页的方法
  • 采用ref的方式，获取组件，调用组件中的重置方法即可。
• 方案二：
  • 父子组件传值当前页