vue table排序 (正序&倒序
正序
(page - 1) * pageSize + scope.$index + 1 // (当前页 - 1) * 当前显示数据条数 + 当前行数据的索引 + 1
<el-table-column label="序号" width="50px" align="center">
<template slot-scope="scope">
{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}
</template>
</el-table-column>
倒序
{{total - ((currentPage-1)*pageSize) - scope.$index}} // 总条数 - (当前页 - 1) * 当前显示数据条数 - 当前行数据的索引
<el-table-column
label="序号"
type="index"
width="80px">
<template slot-scope="scope">
<span>{{total - ((queryParams.pageNum-1)*queryParams.pageSize) - scope.$index}}</span>
</template>
</el-table-column>
页码代码
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>