iView - table 解决分页后跳转到其它页，序号还是从1开始的问题

最新推荐文章于 2023-06-20 10:37:55 发布

yumihe

最新推荐文章于 2023-06-20 10:37:55 发布

阅读量2.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： iView vue 文章标签： iView-table

本文链接：https://blog.youkuaiyun.com/qq_32678401/article/details/98846312

本文介绍了如何解决使用iView Table组件在分页后跳转到其他页，序号仍然从1开始的问题。提供了两种解决方案：一种是在data中为列表项赋值，另一种是在接口返回的数据中添加索引值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

不分页的情况下，可以type="index"；

data() {
  return {
    tableColumn: [{type: 'index', width: 70, align: 'center', title: '序号'}]
  }
}

分页的情况下，有两种方式：

方式一：在data中定义列表项时赋值

data() {
  return {
      tableColumn: [{
          width: 70,
          align: 'center',
          title: '序号',
          render: (h,params) => {
                return h('span', params.index + (this.searchCondition.pageNum -1) * this.searchCondition.pageSize + 1)
          }
       }]
    }
}

方式二：在接口返回的数据中增加索引值

data() {
  return {
      tableColumn: [{key: 'index',width: 70,align: 'center',title: '序号'}]
    }
},
methods: {
    async getWorldWideList() {
      let res = await API.getWorldWideListApi(this.searchCondition)
      if (res.data.success) {
        res.data.data.list = res.