关于前端:element的table组件序号翻页累计

上面是序号累计和页码组件

<el-table-column type="index" label="序号" align="center" width="80">
   <template slot-scope="scope">
        {{scope.$index + (page.current - 1) * page.size + 1 }}
   </template>
</el-table-column>

<el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          background
          :current-page="page.current"
          :page-sizes="[10, 20, 30, 40]"
          :page-size="page.size"
          layout="total, prev, pager, next, sizes, jumper"
          :total="page.total"
        >
</el-pagination>