<div class="table-pagination">
	<el-pagination 
		@size-change="handleSizeChange" 
		@current-change="handleCurrentChange" 
		:page-count="pagination.pageCount" 
		:current-page="pagination.page" 
		:page-sizes="[10, 20, 50, 100]" 
		:page-size="pagination.limit" 
		layout="sizes, prev, pager, next, jumper" />
	<div class="total">總共 {{ pagination.total }} 條</div>
</div>

import api from './api'
export default {
	data() {
		pagination: {
	        pageCount: 100, // 總頁(yè)數(shù)
	        limit: 20, // 每頁(yè)多少條
	        total: 0, // 總條數(shù)
	        page: 1 // 第幾頁(yè)
		}
	},
	created() {
		this.init()
	},
	methods: {
		init() {
			api.init().then(res => {
				// 其他邏輯
				...
				// 分頁(yè)邏輯
				this.pagination.page = res.page
			    this.pagination.limit = res.limit
			    this.pagination.total = res.total
			    const page = Math.ceil(res.total / res.limit) // 可以分多少頁(yè)（向上取整）
			    if (page > 100) { // 最大100頁(yè)
				    this.pagination.pageCount = 100
			    } else {
			        this.pagination.pageCount = page
			    }
			}
		},
		// 分頁(yè)
	    handleCurrentChange(val) {
	      this.pagination.page = val
	      ...
	    },
	    // 每頁(yè)多少條
	    handleSizeChange(val) {
	      this.pagination.page = 1
	      this.pagination.limit = val
	      ...
	    }
	}
}

  .table-pagination {
    position: relative;
    margin-top: 10px;
    .total {
      position: absolute;
      right: 10px;
      bottom: 0;
    }
  }