iviewui table序号每页只是显示1-10

原创于 2020-11-09 11:22:57 发布 · 488 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

iview 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种在表格数据中为'id'字段设置自增序号的方法，通过遍历数据并根据当前页码和每页显示条数计算出每个元素的唯一标识符，确保了数据的准确性和一致性。

在这里插入图片描述
数据不能再使用给定的index 要自定义属性

 columns1: [
        {
          title: "序号",
          **key:'id',**
          align:'center',
          width:60
        },

方法：处理data里id的数据

if (code == 200) {
            console.log(data)
            console.log(that.page)
            for(let i=0;i<data.length;i++){
              data[i].id = i+ (that.page-1)*10  +1          
            }
          }