element-ui 中el-pagination組件注意事項

使用 element-ui 中<el-pagination>組件須要注意，在el-pagination組件中開始也是從1開始，可是服務端不少取數據的方法默認是從0開始的，好比：spring data jpa，因此須要處理起始頁的索引號，該索引號能夠在前端處理，也能夠在後端處理：

//服務端分頁是從0開始，elementUI 是從1開始，在這裏須要減一
    if(currentPage > 0)
      currentPage = currentPage - 1

在頁面初始數據綁定是直接使用this.handleCurrentChange(1)：

    created(){
       this.handleCurrentChange(1)
       
       //會引發重複取數據
       //this.$store.dispatch("country/getPage")
    },



    handleCurrentChange(val) {
        this.currentPage = val
        this.$store.dispatch("country/setCurrentPage",val)
        this.$store.dispatch("country/getPage")
        console.log(`當前頁: ${val}`);
      },