Element-ui의 표에서 해당 페이지의 일련번호를 이전 페이지의 일련번호와 이어지게 하는 방법

질문: element-ui 의 테이블 형식을 사용하면  각 페이지의 일련번호가 1부터 시작하는 것을 알 수 있는데 어떻게 이전 페이지의 일련번호를 이어갈 수 있나요?

index 속성은 설정된 경우   속성을 전달하여 인덱스를 사용자 정의 type=index할 수 있음  을 나타냅니다.index

문제를 해결하려면 계산된 속성을 사용하세요.

<el-table-column type="index" :index="hIndex" label="序号" width="120" />
 
export default {
  data() {
    return {
      page: 1, //当前页数
      pagesize: 2, //每页两条数据
    }
  },
 
  // 计算属性
  computed: {
    hIndex() {
      // 当前页数 - 1 * 每页数据条数 + 1
      return (this.page - 1) * this.pagesize + 1
    }
  }
}

함수형 방법을 사용하여 문제 해결

methods: {
  hIndex(index) {
      // 当前页数 - 1 * 每页数据条数 + index + 1 （ index 是索引值，从0开始）
      return (this.page - 1) * this.pagesize + index + 1
    }
}