elementUI Pagination 分页指定最大页的问题及解决方法(page-count)

<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, // 总页数
	        limit: 20, // 每页多少条
	        total: 0, // 总条数
	        page: 1 // 第几页
		}
	},
	created() {
		this.init()
	},
	methods: {
		init() {
			api.init().then(res => {
				// 其他逻辑
				...
				// 分页逻辑
				this.pagination.page = res.page
			    this.pagination.limit = res.limit
			    this.pagination.total = res.total
			    const page = Math.ceil(res.total / res.limit) // 可以分多少页（向上取整）
			    if (page > 100) { // 最大100页
				    this.pagination.pageCount = 100
			    } else {
			        this.pagination.pageCount = page
			    }
			}
		},
		// 分页
	    handleCurrentChange(val) {
	      this.pagination.page = val
	      ...
	    },
	    // 每页多少条
	    handleSizeChange(val) {
	      this.pagination.page = 1
	      this.pagination.limit = val
	      ...
	    }
	}
}

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