vue2 element ui 分页条 连接接口

首先，你需要在 Vue.js 项目中安装 Element UI。你可以通过以下命令来安装：

npm install element-ui -S

接下来，你需要在页面中导入 Element UI 的分页条组件，并根据需要设置相关属性。在分页条中，有两个关键属性：`current-page` 和 `page-size`。`current-page` 属性表示当前页码，而 `page-size` 属性表示每页显示的数据条数。

你还需要为分页条组件绑定一个 `@current-change` 事件，该事件会在用户点击页码时触发。在该事件中，你可以调用后端接口获取相应的数据。

以下是示例代码：

<template>
  <div>
    <el-pagination
      :current-page="currentPage"
      :page-size="pageSize"
      @current-change="handleCurrentChange"
      :total="total">
    </el-pagination>
  </div>
</template>

<script>
import {Pagination} from 'element-ui';

export default {
  name: 'PaginationDemo',
  components: {
    'el-pagination': Pagination,
  },
  data() {
    return {
      currentPage: 1,
      pageSize: 10,
      total: 0,
    };
  },
  methods: {
    handleCurrentChange(currentPage) {
      // 调用后端接口获取数据
      // ...
      // 更新数据总数
      this.total = 100;
    },
  },
};
</script>

在实际应用中，你需要根据具体的后端接口进行调整。