ElementUI-表格序号固定填充

项目开发过程中,最开始对每个表格的编号都赋值字段的ID,这样做其实是不好的,ID一般不能外露,所以需要在表格编号栏另外设置独立的编号。

代码如下:

<template slot-scope="scope">
    <span>{{(currentPage - 1) * pageSize + scope.$index + 1}} span>
template>

具体应用代码如下:

<el-table-column
    fixed
    label="编号"
>
   <template slot-scope="scope">
        <span>{{(currentPage - 1) * pageSize + scope.$index + 1}} span>
    template>
el-table-column>

参考文章:
element ui中table组件el-table中添加序号(每页都从1开始和一直递增)

你可能感兴趣的:(elementui,vue.js,前端)