elementui怎么开启分页

要在 Element UI 中开启分页功能，你可以使用 Element UI 提供的 `el-pagination` 组件。下面是一个简单的示例，展示了如何在 Element UI 中使用分页：

首先，确保你已经正确引入了 Element UI 库和样式文件。然后，按照以下步骤进行操作：

1. 在你的组件中添加一个 `el-pagination` 标签，类似于下面的代码：

<template>
  <div>
    <!-- 其他内容 -->
    <el-pagination
      :total="total"  <!-- 总条目数 -->
      :page-size="pageSize"  <!-- 每页显示的条目数 -->
      @current-change="handleCurrentChange"  <!-- 当前页码改变时触发的方法 -->
    ></el-pagination>
  </div>
</template>

2. 在你的 Vue 实例中，定义相关的数据和方法：

export default {
  data() {
    return {
      total: 100,  // 总条目数
      pageSize: 10,  // 每页显示的条目数
      currentPage: 1,  // 当前页码
    };
  },
  methods: {
    handleCurrentChange(val) {
      // 当前页码发生改变时的处理方法
      this.currentPage = val;
      // 根据当前页码，从后端获取数据并更新页面内容
      // 你可以在这里编写相应的逻辑
    },
  },
};

通过以上步骤，你就可以在你的 Element UI 组件中开启分页功能了。你可以根据你的需求自定义分页的样式和行为。请注意，`total`、`pageSize` 和 `currentPage` 这些属性的值需要根据你的实际情况进行调整。