vue-element-admin 實現table序號遞減和遞增

element ui 實現table序號遞減和遞增

遞減demo

<el-table-column align="center" :label="'序號'" width="65">
        <template slot-scope="scope">
          //<span>{{ list.length-scope.$index - (listQuery.page-1)*listQuery.limit  }}</span>   
          // 用total
          <span>{{ total-scope.$index - (listQuery.page-1)*listQuery.limit  }}</span>
        </template>
  </el-table-column>

遞增demo

<span>{{(listQuery.page - 1) * listQuery.limit + scope.$index + 1}}</span>

total：總條數
listQuery.page;當前頁
listQuery.limit： 每頁數