vue + mockjs + element-ui 实现动态表头 + 分页器

一、键值对格式数组对象

<el-table

        highlight-current-row

        :data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)"

        border

        style="width: 100%">

     <template v-for="(col, index) in theader">

          <el-table-column :key="index" :prop="col.prop" :label="col.label" align="center">

          </el-table-column>

      </template>

</el-table>

// 分页器

<el-pagination

    style="text-align: center"

    @size-change="handleSizeChange"

    @current-change="handleCurrentChange"

    :current-page="currentPage"

    :page-sizes="[100, 200, 300, 400]"

    :page-size="pageSize"

    layout="tot