el-pagination分页怎么用

el-pagination是ElementUI提供的一个分页组件，可用于快速实现分页功能。使用el-pagination分页，一般需要以下步骤：

1. 引入ElementUI库和el-pagination分页组件

<!-- 引入ElementUI库 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<!-- 引入el-pagination分页组件 -->
<el-pagination :current-page="currentPage" :page-size="pageSize" :total="total" @current-change="handleCurrentChange"></el-pagination>

2. 在Vue实例中定义分页组件需要的变量

new Vue({
  el: '#app',
  data: {
    // 当前页数
    currentPage: 1,
    // 每页显示条数
    pageSize: 10,
    // 总条数
    total: 100,
  },
  methods: {
    // 页码改变时触发的回调函数
    handleCurrentChange(pageNum) {
      this.currentPage = pageNum;
      // TODO：根据当前页数获取数据
    },
  },
})

3. 在回调函数中根据当前页数获取数据，并更新当前页数和总条数

handleCurrentChange(pageNum) {
  this.currentPage = pageNum;
  // TODO：根据当前页数获取数据
  // 更新总条数
  this.total = 100;
},

以上是el-pagination基本使用方法，具体可以参考ElementUI官方文档。