分页中，删除数据后，列表显示空

最新推荐文章于 2024-07-30 10:33:24 发布

cc&

最新推荐文章于 2024-07-30 10:33:24 发布

阅读量145

点赞数

分类专栏： vue2 文章标签：分页删除逻辑页面切换数据操作

vue2 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

  const totalPage = Math.ceil((this.page.total - 1) / this.page.size)
  const pagenum = this.page.page > totalPage ? totalPage : this.page.page
  this.page.page = pagenum < 1 ? 1 : pagenum

删除成功执行的操作（相当与当前页面的切换）

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

cc&

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分页中，删除数据后，列表显示空

分页
复制链接

扫一扫

专栏目录

BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题

08-31

然而，在实际使用过程中，可能会遇到一些问题，比如本文所讨论的“后台分页时前台删除最后一页所有数据，refresh刷新后无数据”的问题。当用户在Bootstrap Table的最后一页删除所有数据后，如果立即触发refresh...

layui 删除数据导致table.reload加载数据为空

weixin_43311774的博客

10-25

1498

一、问题描述共有11条数据，每页10条数据，那么就有两页。第一页10条，第二页1条数据。当删除第二页的那条数据，然后调用table.reload刷新页面，发现页面没有重新返回上一页并加载数据，而是获取了第二页数据，返回空json数组。二、解决方案思路：删除方法中，判断当前页共有几条数据，如果超过一条，就正常执行table.reload。否则，判断当前页码不是第一页就减一，然后执行table....

参与评论您还未登录，请先登录后发表或查看评论

vue中如果解决列表删除最后一页暂无数据bug

shi15926lei的博客

11-28

705

vue中如果解决列表删除最后一页暂无数据bug

解决：element-ui分页器在将最后一页列表数据删完时，页面不刷新到最新数据

weixin_71403100的博客

05-09

1081

解决：element-ui分页器在将最后一页列表数据删完时，页面不刷新到最新数据

若依第二页数据全部删除后显示无数据不展示第一页数据问题解决

weixin_60457220的博客

12-09

390

【代码】若依第二页数据全部删除后显示无数据不展示第一页数据问题解决。

vue element分页删除最后一页的最后一条数据表格内容显示空

qq_51538602的博客

08-15

1686

vue element分页删除最后一页的最后一条数据表格内容显示空那是因为currentPage 还停留在那一页所以删除之后获取表格length 除以pageSize 来判断。

MySQL学习笔记之数据定义表约束,分页方法总结

09-10

在MySQL数据库管理中，数据定义和表约束是创建和维护数据结构的重要方面，而分页则是处理大量数据查询时常用的技术。以下是对这些概念的详细解释： 1. **数据定义**：数据定义（Data Definition）是SQL语言的一...

无JS,完全php面向过程数据分页实现代码

12-18

- 使用`LIMIT`子句在SQL查询中实现分页，例如`LIMIT (当前页-1)*$pageSize, $pageSize`，获取当前页的数据。 - `mysql_fetch_assoc()`用于从查询结果中获取一行作为关联数组，遍历输出每一项记录。 6. **分页导航...

sqlserver --游标实现数据分页

03-29

在SQL Server中实现数据分页是一项常见的需求，尤其是在处理大量数据时，为了提高查询效率和用户体验，分页显示数据成为了数据库设计中的一个关键点。在给定的代码示例中，作者通过创建一个存储过程`proc_cursor`来...

评论列表，提交，分页

08-06

标题“评论列表，提交，分页”涉及到的是网页应用程序中常见的功能模块，主要涵盖了用户交互、数据处理和用户体验优化等方面的知识点。在这个场景下，我们可以深入探讨以下几个关键领域： 1. **前端技术**：由于是...

java调用webservice接口结果返回空

weixin_49279236的博客

03-04

3821

背景：java程序调用c#写的一个接收处理webservice接口的服务（中转），远程第三方提供真正的接口。问题：调用结果为list，一个空list 猜想：入参的值有误，返回记录为空；接口有问题，只是不报异常；入参的初始化问题解决： 1、调用其他接口，发现ok，接口程序应该是没问题的 2、找一个有值的入参，结果还是空，但调试工具有结果 3、所以问题出现在入参里面，入参有两个对象，一个对象3个参数，2个必填，一个非必填；另外一个对象是个list，没做处理过程：确定是3的解决方案，但前期

element分页在当前分页删除数据,删除完就跳转到第一页解决方法

luoxiaonuan_hi的博客

06-17

1915

element分页在当前分页删除数据,删除完就跳转到第一页解决方法

java删除数据思路_JAVAWeb列表数据批量删除思路及实现

weixin_30710557的博客

02-25

1039

个人博客地址https://nfreak-man.cn带复选框 checkbox 的列表要实现批量删除的功能，首先要获取被选中的信息的全部 id，可以把该列表放入一个 form 表单中，以获取表单信息的方式获取全部 id，然后遍历 id，循环删除所有信息。列表形式：获取列表选中信息 id把 table 放入 form表单，并把复选框 checkbox 的 value 值设置为 id：编号姓名性别年...

在当前的分页进行编辑删除后回到当前的分页

weixin_33924312的博客

08-07

904

1.最简单的办法：直接刷新：window.location.reload(); 1 $.post( 2 "/management/delete", management2, 3 4 function () { 5 /!*$('#SaveDelete')...

支持AI的好用的编辑器aieditor

mopmgerg54mo的博客

07-30

270

AiEditor 是一个面向 AI 的下一代富文本编辑器。

chromedriver-mac-arm64_126.0.6474.0.zip

07-31

chromedriver-mac-arm64_126.0.6474.0.zip

chromedriver-mac-arm64_128.0.6548.0.zip

07-31

chromedriver-mac-arm64_128.0.6548.0.zip

MySQL查询加速器：利用Query Cache提升效率

07-31

MySQL是一个流行的开源关系型数据库管理系统（RDBMS），广泛用于Web应用程序的后端数据存储。它基于结构化查询语言（SQL）来管理数据，并且是LAMP（Linux, Apache, MySQL, PHP/Python/Perl）技术栈的一部分，这个技术栈常用于构建动态网站和Web应用程序。 MySQL的特点包括： - **开放源代码**：MySQL的源代码是公开的，任何人都可以自由使用和修改。 - **跨平台**：MySQL可以在多种操作系统上运行，包括Linux、Windows、macOS等。 - **高性能**：MySQL以其快速的查询处理和良好的性能而闻名。 - **可靠性**：MySQL提供了多种机制来确保数据的完整性和可靠性，包括事务支持、备份和恢复功能。 - **易于使用**：MySQL提供了简单直观的界面和丰富的文档，便于用户学习和使用。 - **可扩展性**：MySQL支持从小型应用到大型企业级应用的扩展。 - **社区支持**：由于其广泛的使用，MySQL拥有一个活跃的开发者社区，提供大量的资源和支持。 MySQL被广泛应用于各种场景，包括在线事务处理（OL

Objective-C语言的基础教程.md

最新发布

07-31

Objective-C是一种面向对象的编程语言，是C语言的扩展。它主要用于苹果的iOS和macOS应用程序开发。

前端分页当最后一页的数据为空是自动删除这一页跳转到上一页具体代码怎么写

05-18

实现前端分页自动删除最后一页且跳转到上一页的代码可以分为以下几步： 1. 获取数据总数和每页显示的数据数量，计算出总页数。 2. 当最后一页的数据为空时，将总页数减一。 3. 判断当前页数是否大于总页数，如果大于，则将当前页数设置为总页数减一。 4. 在渲染分页按钮时，判断当前页数是否为最后一页且数据为空，如果是，则自动跳转到上一页。下面是一个示例代码： ```javascript // 假设数据存储在一个数组中，每页显示 10 条数据 const data = [/* 数据数组 */]; const pageSize = 10; const total = data.length; const totalPages = Math.ceil(total / pageSize); // 当最后一页的数据为空时，将总页数减一 if (total % pageSize === 0) { totalPages--; } // 判断当前页数是否大于总页数，如果大于，则将当前页数设置为总页数减一 let currentPage = /* 当前页数 */; if (currentPage > totalPages) { currentPage = totalPages; } // 渲染分页按钮时，判断当前页数是否为最后一页且数据为空，如果是，则自动跳转到上一页 if (currentPage === totalPages && data.slice((currentPage - 1) * pageSize, currentPage * pageSize).length === 0) { currentPage--; } // 根据 currentPage 渲染分页按钮 // ... ``` 在上述代码中，需要根据实际情况替换注释部分的代码。其中，判断最后一页数据是否为空的方式是通过判断数组切片是否为空来实现的。切片的起始位置为 `(currentPage - 1) * pageSize`，结束位置为 `currentPage * pageSize`。