element ui table序号的递增与递减

利用el-pagination分页参数实现element表格序号的递增与递减。

递增:

 <el-table-column label="序号" width="70px">
    <template slot-scope="scope">{{(scope.$index+((pageNum-1)*10))}}</template>
   </el-table-column>

递减:

 <el-table-column label="数量" width="70px">
    <template slot-scope="scope">{{total - (scope.$index+((pageNum-1)*10))}}</template>
   </el-table-column>

说明:scope.$index为table index参数,total和pageNum为分页参数。

 <el-pagination
    layout="prev, pager, next"
    :current-page="pageNum"
    :total="total"
    @current-change="paging"
   ></el-pagination>