vue实现表格分页

                                   vue实现表格分页

1.src/components/tablepage
(1)index.js
(2)tablepage.vue
2. view/user/user.vue

1.1src/components/tablepage/index.js

import Tablepage from './tablepage.vue'
export default Tablepage

1.2src/components/tablepage/tablepage.vue

<template>
  <div>
    <div class="tableBox">
      <Table :columns="tableTitle" :data="tableData"></Table>
    </div>
    <div class="footer">
      <Page :total="total" :current="pageNum" :page-size="pageSize" @on-change="pageChangeFun"></Page>
    </div>
  </div>
</template>

<script>
export default {
  name: "Tablepage",
  props: ["tableTitle", "tableData", "total", "pageNum"],
  data() {
    re