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

jhell
  • 4
新手上路,请多包涵

题目描述

是一个后台管理页面,用<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;
},

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

回复
阅读 2.3k
1 个回答
eileen
  • 2
新手上路,请多包涵

你好,请问这个问题解决了吗?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏