Pagination paging error, unlimited page appears

problem description


pagination

originally only 5 pages of data, after jumping to page 5, the small arrow on the next page on the right does not turn gray, you can continue to click, jump to page 6, and then nothing comes out, there is an infinity (infinite) page.

the environmental background of the problems and what methods you have tried

the last page is intact, compared with the two, basically the same, there is really no way, no one seems to have encountered such a problem at night. No similar problems were found.

related codes

/ / Please paste the code text below (do not replace the code with pictures)


        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page.sync="currentPage"
          :page-size="pageShowNO"
          layout="total,prev, pager, next, jumper"
          :total="totalCount">
        </el-pagination>
        -------------------------------
data(){
    return{
        currentPage:1,
        pageShowNO:0,
        totalCount:0,
    }
}
methods:{
  handleSizeChange(val) {
    console.log(` ${val} `);
  },
  handleCurrentChange(val) {
    console.log(`: ${val}`);
    this.query(false);
}

what result do you expect? What is the error message actually seen?


Mar.25,2021

your pageShowNO should be a number greater than 0

Menu