elementUI序列号

锅里游的鱼吖

于 2024-02-27 11:03:46 发布

阅读量955

点赞数 7

文章标签： elementui vue.js 前端

本文链接：https://blog.youkuaiyun.com/qq_36702286/article/details/136317042

版权

本文介绍了如何在Vue应用中使用ElementUI库的el-table组件实现数据的分页显示，展示了如何设置每页显示的记录数以及序号显示的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-table-column label="序号" type="index" width="50"></el-table-column> 
// 不做任何处理  每页都是1-20

第一页显示1-10，第二页显示11-20以此类推：

  <el-table-column type="index" width="55" label="序号">
      <template  #default="{ $index }">
        {{(table.current-1)*table.size+$index+1}}
      </template>
    </el-table-column>