Vue+ele 列表不同页列表序号累加

最新推荐文章于 2023-04-26 11:15:50 发布

爱在冰川了

最新推荐文章于 2023-04-26 11:15:50 发布

阅读量267

点赞数

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

本文链接：https://blog.csdn.net/T8682828/article/details/127070923

版权

笔记专栏收录该内容

33 篇文章 0 订阅

订阅专栏

<template>
  <div class="goods">
      <el-table :data="list" border style="width: 100%" stripe size="small" >
        <el-table-column type="index" label="序号" width="80" :index="addIndex" align="center"></el-table-column>
      </el-table>
    </el-card>
  </div>
</template>


<script>
export default {
  data() {
    return {
      pagenum: 1,
      pagesize:10,
    }
  },
  methods: {
    // 修改表格不同页数据的顺序是递增的
     addIndex(index) {
      return (this.pagenum - 1) * this.pagesize + index + 1
    },
  },
}
</script>