element table 序号累加简单处理

最新推荐文章于 2024-05-17 14:32:46 发布

玉衡星★

最新推荐文章于 2024-05-17 14:32:46 发布

阅读量197

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/m0_53006021/article/details/127996642

版权

重点就两个 ① formInline.current // 当前页码 ② formInline.size 每页条数
一定找到分页器中和这两个对应的


```bash
<el-table id="myTable" border :data="tableData" borderstyle="width: 100%">
          <el-table-column type="index">
            <template slot-scope="scope">
            {{ scope.$index + (formInline.current - 1) * formInline.size + 1 }}
            </template>
          </el-table-column>
          <el-table-column prop="crossingName" label="路口名称"></el-table-column>

          <el-table-column prop="createTime" label="时间"></el-table-column>
        </el-table>

    <!-- 分页 -->

  <div class="block" style="margin-top:15px;">
      <el-pagination
        align="center"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="formInline.current"
        :page-sizes="[10, 20, 30, 50]"
        :page-size="formInline.size"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total"
      ></el-pagination>