vue element-ui 表格分页序号递增

1. template里面动态绑定index

<el-table
              :data="informationManagementList"
              @row-click="informationManagementListClick"
              style="width: 100%"
            >
              <el-table-column
                align="center"
                type="index"
                :index="typeIndex"
                label="序号"
                width="100px"
              ></el-table-column>
</el-table>

2.index 绑定的方法(typeIndex)

//处理表格序号  2019/11/04
    typeIndex(index) {
      let vm = this; //处理分页数据的 index
      return (vm.pageNo - 1) * vm.pageSize + index + 1;
    },

3.如果表格数据改变没有实时渲染页面的话可以试试这个强制数据渲染

this.$forceUpdate()
发布了45 篇原创文章 · 获赞 20 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/czp555/article/details/102892761