vue+element分页数据生成排名

背景

项目采用vue+element，其中有一个table数据采用后端分页形式，但需要展示一个排名，后端未返回需前端处理。

实现思路

排名是由页码pageNum+序号index组合生成的，

• 第一页数据，采用序号+1即可，但第一页index为9的数据排名为10，当序号为9时采用页码+0
• 第二页数据，采用页码-1+序号+1即可比如11、12、13，但第二页index为9的数据排名为20，当序号为9时采用页码+0

总结来看，逻辑应该为如下：

• 如果序号为9，则返回页码pageNum+‘0’
• 如果序号不为9且页码为1，则返回序号+1
• 如果序号不为9且页码不为1，则返回（页码-1）+序号+1

实现代码

template代码：

 <el-table
     :data="tableData"
       border
       style="width: 100%">
       <el-table-column
           label="排名"
           width="180">
           <templ