vue+elementui完成分页查询

好的，我可以为您提供一些基本的代码模板。

首先，您需要在Vue项目中安装Element UI并导入相关组件。你可以使用npm安装Element UI：

npm i element-ui -S

接下来，您需要在vue组件中导入Element UI的分页组件：

<template>
  <div>
    <el-table :data="tableData">
      // 表格列
    </el-table>
    <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="currentPage"
      :page-sizes="[10, 20, 30, 50]"
      :page-size="pageSize"
      layout="total, sizes, prev, pager, next, jumper"
      :total="total">
    </el-pagination>
  </div>
</template>
<script>
import { Table, Pagination } from 'element-ui';

export default {
  components: { Table, Pagination },
  data() {
    return {
      tableData: [],
      currentPage: 1,
      pageSize: 10,
      total: 0
    }
  },
  methods: {
    fetchData() {
      // 向后端请求数据
    },
    handleSizeChange(val) {
      this.pageSize = val;
      this.fetchData();
    },
    handleCurrentChange(val) {
      this.currentPage = val;
      this.fetchData();
    }
  },
  mounted() {
    this.fetchData();
  }
}
</script>

在上述代码中，`Table`和`Pagination`是导入的组件，`tableData`是表格数据，`currentPage`和`pageSize`是当前页码和每页显示的数据条数，`total`是总数据量。在`el-pagination`标签中，我们绑定了`size-change`和`current-change`事件，分别对应每页显示的数据条数和当前页码的改变。在`handleSizeChange`和`handleCurrentChange`方法中，我们可以进行数据请求，刷新表格数据。

当然，上述代码只是一个简单的示例，您需要根据您的具体需求进行相应的改动。