添加数据显示的bug，以及不能立马看到添加结果

最新推荐文章于 2026-06-20 00:18:33 发布

原创最新推荐文章于 2026-06-20 00:18:33 发布 · 179 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #前端 #es6

收录于

本文探讨了在处理分页数据时遇到的问题，如如何在添加数据后直接跳转到最后一页，以及如何解决前一页数据不满时的显示bug。通过实现`isLastPageFulled`和`maxPage`方法，确保页面正确更新和数据完整展示。当最后一页数据未满时，系统会自动请求最后一页，提供流畅的用户体验。

1.如果添加了数据，但是要到最后一页去看

解决办法：让它直接跳转到最后一页

2.如果前面一页数据不是满的，显示的bug

判断前面一页数据是否是满的，满的就求下页数据，否则就求最后一页数据

 if (this.isLastPageFulled) {
          console.log('我翻页了')
          // 如果是满的 就求最后一页加1
          this.obj.page = this.maxPage + 1
          // 页码显示正确
          this.total++
          // 判断是否到最后一页
        } else {
          // 如果不是满的就求最后一页
          this.obj.page = this.maxPage
        }
 // 最后一页
    maxPage() {
      return Math.ceil(this.total / this.obj.pagesize)
    },
    // 最后一页是否是满的
    isLastPageFulled() {
      return this.total % this.obj.pagesize === 0
    },