el-table后端排序之自动带序号

和后端小伙伴扯皮，问为什么不给序号，他说我们前端可以自己整一个。我纳闷，然后他给我举了个梨子，我立马抄了下来。好东西，看起来非常高级

      <el-table-column align="center" label="序号" width="60px">
        <template #default="{$index}">
          <span>{{ (queryForm.pageNo - 1) * queryForm.pageSize + $index + 1 }}</span>
        </template>
      </el-table-column>

queryForm是后端分页传过来的，这里处理一下。pageNo页号，pageSize一页数量。
效果如图