在写项目中遇到了这个问题,记录一下
一般在写表格需要时候直接使用element-ui中type="index"即可,但是牵扯到序号累加就需要用到公式
temeplate中
<el-table-colum type="index" fixed align="center" :index="table_index"
//这里绑定一个方法(名字随意起),将返回值赋给index,即表格每行数据的下标>
</el-table-colum>
script中
methods:{
table_index(index){
return ( this.page -1 )* this.limit + index + 1
}
}
注意: page是当前页,limit是当前页的大小,index为传过来的每条数据序号
例如:每页展示30条信息
当前页为1: (1-1) * 30 + index + 1;1-30循环序号=》每个序号上逐渐+1
当前页为2: (2-1) * 30 + index + 1; 31-60循环序号=》第二页从31开始逐渐+1