Vue+elementUI网页分页查询表格显示序号（管理系统类）

最新推荐文章于 2023-12-21 16:47:39 发布

Nat_Jst

最新推荐文章于 2023-12-21 16:47:39 发布

阅读量431

点赞数

分类专栏：前端 vue 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_42383283/article/details/117257571

版权

前端同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

vue

9 篇文章 0 订阅

订阅专栏

问题：往往ID不是有序的整数型，而是使用UUID，此时ID不适合作为数据显示至前端（用户不明白其中的含义），并且为了有序，应当在前端显示时自定义一个序号。

<!--            <el-table-column-->
<!--                    prop="id"-->
<!--                    header-align="center"-->
<!--                    align="center"-->
<!--                    label="id">-->
<!--            </el-table-column>-->
          <el-table-column
            header-align="center"
            align="center"
            label="序号"
            width="50">
            <template slot-scope="scope">
              <!--                          type="index"-->
              {{ (pageIndex - 1) * pageSize + scope.$index + 1 }}
            </template>
          </el-table-column>