今天我們來介紹一下 Element-UI 中的分頁組件，該組件可以方便我們在頁面中實現分頁功能，讓用戶更加便捷地進行數據查看。在 Vue.js 項目中，我們可以輕松地使用 Element-UI 提供的分頁組件。接下來，我們來詳細了解一下該組件的使用方法。

首先，在需要使用分頁的組件中引入 Element-UI 的分頁組件：

import { Pagination } from 'element-ui';
export default {
components: {
Pagination
},
...
}

在上面的代碼中，我們定義了分頁的總數為 1000 條，每頁顯示 20 條數據。在布局中，我們使用了“prev, pager, next”三種分頁樣式，并綁定了一個 current-change 事件來處理用戶點擊分頁的具體操作。在實現該事件的方法中，我們可以獲取用戶點擊的分頁頁碼，進而刷新數據。

methods: {
getCurrentPage(pageNumber) {
console.log(pageNumber);
// do something to refresh data
}
}

除上述基本的使用方法外，Element-UI 還提供了多種分頁樣式，滿足各種不同的需求。同時，我們還可以進一步設置每個分頁按鈕的文案、頁碼和樣式。在實際應用中，我們可以按照具體需求進行進一步的定制。總而言之，Element-UI 分頁組件方便易用，可以快速實現分頁功能的開發。