鍍金池/ 問(wèn)答/HTML/ pagination 分頁(yè)出錯(cuò),出現(xiàn)無(wú)限頁(yè)面

pagination 分頁(yè)出錯(cuò),出現(xiàn)無(wú)限頁(yè)面

問(wèn)題描述

圖片描述
pagination的使用如同上圖,到最后一個(gè)頁(yè)面時(shí),右邊的小箭頭便變成灰色,鼠標(biāo)移動(dòng)到該箭頭,會(huì)出現(xiàn)禁用的標(biāo)識(shí)。但我遇到一個(gè)奇葩事件,同樣的方法和代碼,
圖片描述
本來(lái)只有5頁(yè)的數(shù)據(jù),跳轉(zhuǎn)到第5頁(yè)后,右邊下一頁(yè)的小箭頭,沒(méi)變灰色,可以繼續(xù)點(diǎn),跳到第六頁(yè),然后沒(méi)東西出來(lái),出現(xiàn)了infinity(無(wú)限)頁(yè)面。

問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法

上個(gè)頁(yè)面是完好沒(méi)事的,對(duì)比了兩個(gè),基本一樣,實(shí)在沒(méi)辦法,晚上似乎沒(méi)人遇到過(guò)這樣的問(wèn)題。查找不到相似的問(wèn)題。

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方(請(qǐng)勿用圖片代替代碼)

頁(yè)面上的代碼
        <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(`每頁(yè) ${val} 條`);
  },
  handleCurrentChange(val) {
    console.log(`當(dāng)前頁(yè): ${val}`);
    this.query(false);
}

你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?

求大蝦們幫忙解答,
回答
編輯回答
挽青絲

你的pageShowNO 應(yīng)該是一個(gè)大于0的數(shù)字

2018年9月10日 19:58