elementUI table组件获取表格当前行的索引

最新推荐文章于 2025-07-04 22:30:09 发布

原创最新推荐文章于 2025-07-04 22:30:09 发布 · 8.1w 阅读

27 ·

CC 4.0 BY-SA版权

elementUI 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何在El-Table组件中显示每行数据的序号，通过使用slot-scope属性并结合{{scope.$index+1}

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

一般情况下，我们通过 scope.row 获取每一行的数据，但是怎么获取每一行的索引呢？

答案就在下面：

        <el-table max-height="290" :data="userTableData" border style="width: 100%">
          <el-table-column label="序号">
            <template slot-scope="scope">
              {{scope.$index+1}} 
            </template>
          </el-table-column>
          <el-table-column prop="user_nickname" label="用户昵称">
          </el-table-column>
          <el-table-column prop="create_time" label="提交时间">
          </el-table-column>
        </el-table>