vue 表格换页时序号和内容刷新不同步

Question

题目描述

是一个后台管理页面，用<el-table>建了个多页表格，在换页时，序号先刷新，之后内容才刷新。。
代码如下：

<el-table :data="getList" :row-class-name="tableRowClassName" header-row-class-name="header-class" class="tr-hover">
  <!-- 主体表 -->
  <el-table-column width="65px" prop="index" label="序号" align="center">
    <template slot-scope="scope">
      <span>{{getIndex(scope.row.index+1)}}</span>
    </template>
  </el-table-column>
  <el-table-column prop="time" min-width="12%" align="center" label="时间" class-name="data-color">
  </el-table-column>
  <el-table-column prop="name" min-width="7%" align="center" label="姓名">
  </el-table-column>
  

表格绑定的数据是通过异步方法取得的，如下
async getAppList(page) {...}

async getSellerApplyList(page = 0) {

  this.list = await this.getAppList(page);
},

computed: {

getList() {
  return this.list;
}

其中序号是通过getIndex方法取得的，如下

getIndex(num) {
  if (this.currentPage > 1) {
    let index = (this.currentPage - 1) * this.limitCounts + num;
    return index > this.total ? "" : index;
  }
  return num;
},

我有尝试用异步的方法去获取序号，但是没成功...
在网上也没找到相关的问题，特来此寻求帮助，如何实现同步刷新。

Answer 1

你好，请问这个问题解决了吗？