vxe-table分页实例

好的，下面是一个基于 vxe-table 的分页实例：

<template>
  <div>
    <vxe-table :data="tableData" :columns="columns" :pager-config="pagerConfig"></vxe-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { id: 1, name: '张三', age: 18 },
        { id: 2, name: '李四', age: 20 },
        { id: 3, name: '王五', age: 22 },
        { id: 4, name: '赵六', age: 24 },
        { id: 5, name: '钱七', age: 26 },
        { id: 6, name: '孙八', age: 28 },
        { id: 7, name: '周九', age: 30 },
        { id: 8, name: '吴十', age: 32 }
      ],
      columns: [
        { field: 'id', title: 'ID' },
        { field: 'name', title: '姓名' },
        { field: 'age', title: '年龄' }
      ],
      pagerConfig: {
        currentPage: 1,
        pageSize: 3,
        total: 8
      }
    }
  }
}
</script>

在上面的例子中，我们通过 vxe-table 组件来展示表格数据，并且添加了分页功能。其中，pagerConfig 对象用于配置分页的一些参数，如当前页码、每页条数和总数据量。这样，就可以实现基本的分页功能了。