pagination 分页出错,出现无限页面

新手上路,请多包涵

问题描述

图片描述
pagination的使用如同上图,到最后一个页面时,右边的小箭头便变成灰色,鼠标移动到该箭头,会出现禁用的标识。但我遇到一个奇葩事件,同样的方法和代码,
图片描述
本来只有5页的数据,跳转到第5页后,右边下一页的小箭头,没变灰色,可以继续点,跳到第六页,然后没东西出来,出现了infinity(无限)页面。

问题出现的环境背景及自己尝试过哪些方法

上个页面是完好没事的,对比了两个,基本一样,实在没办法,晚上似乎没人遇到过这样的问题。查找不到相似的问题。

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

页面上的代码
        <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);
}

你期待的结果是什么?实际看到的错误信息又是什么?

求大虾们帮忙解答,
阅读 2.8k
1 个回答

你的pageShowNO 应该是一个大于0的数字

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题