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
    }
}

おすすめ

転載: blog.csdn.net/m0_52775179/article/details/132188066