element UI - Pagination 分页

element UI - Pagination 分页_第1张图片

 
      
handleHistoryCurrentChange(val) {
      this.pagination.currentPage = val;
      this.handleTdHistoryList();
    },
    handleHistorySizeChange(val) {
      this.pagination.pageSize = val;
      this.handleTdHistoryList();
    }

 

element UI - Pagination 分页_第2张图片

组件:点击组件页码等,把页码、当前显示页数传入,然后通过handleHistoryCurrentChang、handleHistorySizeChange函数,把传入的值val 存到 currentPage与pageSize中,最后组件通过:

page-size="pagination.pageSize"  :current-page="pagination.currentPage" 成功绑定

element UI - Pagination 分页_第3张图片

最后使用参数currentPage与pageSize,调用刷新函数,刷新页面

你可能感兴趣的:(element UI - Pagination 分页)