elementui el-table根据分页显示表格序号

每页显示的序号都是一样的:

<el-table :data="tableData" highlight-current-row @current-change="handleCurrentChange">
    <el-table-column
      type="index"
      width="50">
    </el-table-column>
<el-table>

根据分页显示序号:
当前点击的页码: currentPage
每页显示的数量: pageSize

<el-table :data="tableData"  border>
    <el-table-column label="序号" align="center" width="70">
          <template scope="scope"><span>{{scope.$index+(currentPage - 1) * pageSize + 1}} </span></template>
    </el-table-column>
<el-table>

猜你喜欢

转载自blog.csdn.net/qq_15769147/article/details/89243380
今日推荐