问题描述
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);
}
你期待的结果是什么?实际看到的错误信息又是什么?
求大虾们帮忙解答,
你的pageShowNO 应该是一个大于0的数字