elementUI分页删除最后一条数据时出现空白页的解决方法.

最新推荐文章于 2024-06-03 10:48:52 发布
原创 最新推荐文章于 2024-06-03 10:48:52 发布 · 666 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#java

elementUI分页删除最后一条数据时出现空白页的解决方法.

解决办法: 在mybatis配置文件的分页配置中书写:

   <plugins>
        <plugin interceptor="com.github.pagehelper.PageInterceptor">
            <property name="reasonable" value="true"/>
        </plugin>
    </plugins>

即可解决

vue2 -- element-ui Pagination分页删除最后一页的最后一条数据，返回上一页。
King Saj
01-09 1168
table列表设置10条/页，共11条数据，删除第二页第一条后，页面显示无数据。建议：刷新页面，显示上一页的数据。
使用element-ui时删除最后一页全部数据时显示无数据的bug修复
JackieDYH的博客
06-18 1929
问题： element-ui的分页组件在你删除最后一页数据的时候默认的还是会显示在最后一页，此时最后一页已经没有数据了，所以就显示暂无数据，需要手动去跳转到第一页或者重新刷新页面才能看到第一页的数据 解决： 1.如果是删除最后一页的最后一条数据，则要跳转到第一页 2.如果不是则继续显示在当前页中 翻页组件 <!-- 分页 page-size 每页展示的数据条数 total 总数据条数 current-change 页码点击事件 --> <el-paginatio.
解决分页删除最后一页数据页面为空的问题
想好了再写！
10-21 532
【代码】解决分页删除最后一页数据页面为空的问题。
解决删除el-table最后一页数据，页面为空的问题
CCC_chtt的博客
04-27 433
解决删除el-table最后一页数据，页面为空的问题
element分页：删除最后一页的所有数据后，currentPage显示正确，但列表内容为空
在路上`的博客
10-28 638
问题描述： 删除最后一页的所有数据之后，数据显示为空，此时的接口参数是对应的还是最后一页的参数 解决方法 在删除之后重新赋值一下当前页 async delData(rows) { let query = { sid:rows.sid, concurrencyVersion:rows.concurrencyVersion }; let res = await deleteTableData(query); let
elementui notification队列中删除指定位置通知实例
qq_20501625的博客
07-17 1601
发现问题 最近开发electron项目时，需要使用一个通知队列来显示通知，并且能够根据下标位置关闭对应位置的通知。同时，我们要删除指定位置下存在的通知实例以减少内存占用。 分析问题 根据elementui官网所示调用 Notification 或 this.$notify 会返回当前 Notification 的实例。如果需要手动关闭实例，可以调用它的 close 方法。 根据此网站描述，我们必须根据通知的ID来关闭通知。 由以上两个条件可知，我们需要能够访问通知队列的某一个通知，同时能够删除它，使他不
vue element分页删除最后一页的最后一条数据表格内容显示空
qq_51538602的博客
08-15 1831
vue element分页删除最后一页的最后一条数据表格内容显示空 那是因为currentPage 还停留在那一页 所以删除之后获取表格length 除以pageSize 来判断。
细节复盘4 （使用elementUI的Pagination 分页组件&实现数据分页功能）2020-8-4
weixin_43297321的博客
08-04 677
今天使用elementUI的Pagination 分页这个组件模块，写了分页。 要实现的功能是这样的，每页6条数据，前翻页、后翻页可以分别往前、往后查看内容，分页组件的页码可以直接定位到某一页的内容。具体需求如下图所示： 1、首先写好页面结构，然后静态css写样式。完成这两步，开始数据渲染。 <template> <div class="ListComic"> <div v-if="!receiveCartoon">数据加载中。。。</di
【ElementUI表格布局深度解析】：切换tab页时固定列下方线条问题的彻底解决之道
[【ElementUI表格布局深度解析】：切换tab页时固定列下方线条问题的彻底解决之道](https://img-blog.csdnimg.cn/20190726151903998.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR...
几万条数据渲染，如何不卡顿，白屏(不使用虚拟列表)
weixin_45266081的博客
06-03 403
也是个定时器，不同于setTimeout，它的时间不需要我们人为指定，这个时间取决于当前电脑的刷新率，如果是 60Hz ，那么就是 16.7ms 执行一次，如果是 120Hz 那就是 8.3ms 执行一次（看大佬的原话，这个好像还不算是一个宏任务），这个很显然是不利于页面渲染的，如果用上ui组件，页面一样卡顿。挂载到真实dom上，这样原来需要回流十万次，现在只需要回流100000 / 20次。解决方案采用 createDocumentFragment。并且这种方法，页面回流有十万次，次数太多了。
ElementUI表格固定列滚动条不可拖动问题修复方案
本文档标题为《ElementUI表格滚动条修复[源码]》，正是针对这一典型问题提供了深入分析与解决方案。 该问题的根本原因在于 ElementUI 在实现固定列时采用了将固定列从主表格中抽离并绝对定位的方式。具体来说，当...
若依前后端分离修改固定页面主题颜色
qq_43193513的博客
04-08 975
【代码】若依前后端分离修改固定页面主题颜色。
RuoYi前后端分离版本使用过程遇到的问题及解决。
qq_53825610的博客
10-06 1万+
若依前后端分离版本，常见问题及解决。
elementui 分页el-pagination遇到的所有坑（current失效、分页组件不显示、视图不改变等）
热门推荐
南北极之间
02-16 2万+
el-pagination 分页的坑很多 专门记录一下
解决 “element分页：删除最后一页的所有数据后，currentPage显示正确，但列表内容为空” 的问题
qq_37471721的博客
09-12 8264
问题描述： 当表格有多页数据，并且末尾页只有一条数据时，删除末尾页的数据之后，数据列表为空，但是当前页码显示正确，如下图
element表格当删除最后一页仅有的一条数据时，页面会置空
Adoro的博客
04-27 1284
vue表格当删除最后一页仅有的一条数据时，页面会置空 方法一： 在请求表格数据时做处理 data() { queryInfo: { pageNum: 1, // 页码 pageSize: 10, // 每页展示数量 }, total: 0, tableData: [] } methods: { // 请求表格数据 async getTableData() { const res = await xxxx(你的请求) /** * total 数据总量 * records 当
解决：使用Element分页组件删除最后一页的最后一条数据后，currentPage显示正确，数据没显示的问题
qq_36787461的博客
03-02 2065
问题描述：使用的是Element分页组件，当删除最后一页的最后一条数据后，currentPage显示正确，数据却没显示。截图展示一下问题。 排查原因：查看删除数据后发送的请求。纳尼？删除数据后请求当前页数据的参数竟然是删除数据前的最后一页，即第6页。 修改思路：在删除数据后，重新发起请求数据列表前，判断当前数据是否是最后一页的唯一一条数据。如果是的话修改当前页数，即pagenum-...
element el-pagination 解决删除最后一页的最后一个时出现空表格问题
qq_25239049的博客
10-16 825
let totalPage = Math.ceil((this.totalPage - 1) / this.pageSize) let pageIndex = this.pageIndex > totalPage ? totalPage : this.pageIndex this.pageIndex = pageIndex < 1 ? 1 : pageIndex
vue解决 element分页：删除最后一页的所有数据后(包括批量删除)，刷新后数据表格为空。（前端、后端两种方法）
weixin_47426048的博客
05-12 3379
表格第二页只有一条数据，这时删除后，拉取刷新表格，发现表格分页跳到第一页，但是总数是20条， 页面也没数据，这其实是分页的current值还是2导致 直接上代码 handleDel(taskRow) { this.$confirm('此操作将删除该数据, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then((
elementui表格分页最后一页不能点击
最新发布
10-25
所给引用未提及ElementUI表格分页最后一页不能点击问题的解决方案。不过，通常可按以下思路排查解决： ### 检查数据和页码计算 确保总数据量、每页显示数量、当前页码等数据计算正确。若数据计算有误，可能导致分页组件显示异常。例如，在Vue项目里，要保证`total`（总数据量）、`page-size`（每页显示数量）和`current-page`（当前页码）等属性值正确。 ```vue <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[10, 20, 30, 50]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"> </el-pagination> ``` ```javascript export default { data() { return { currentPage: 1, pageSize: 10, total: 0 }; }, methods: { handleSizeChange(newSize) { this.pageSize = newSize; // 重新获取数据 this.fetchData(); }, handleCurrentChange(newPage) { this.currentPage = newPage; // 重新获取数据 this.fetchData(); }, fetchData() { // 发送请求获取数据 // 更新total和表格数据 } } }; ``` ### 检查分页组件属性 确认分页组件的属性设置是否正确，比如`page-count`（总页数）、`total`（总数据量）等。在Vue3 + ElementPlus中，若要限制最大页码数，可使用`page-count`属性，获取数据时测试总条数/每页数量向上取整是否大于1000，若大于则默认`count`为1000，否则使用计算后的值；在Vue2 + ElementUI的`el-pagination`里，同时使用`total`与`page-count`时`page-count`不生效 [^3]。 ### 检查事件绑定 确保分页组件的事件绑定正确，像`@size-change`（页码大小改变时触发）和`@current-change`（当前页码改变时触发）等事件是否正确绑定到对应的方法。 ### 检查样式和布局 检查是否有CSS样式影响了分页组件的交互。有时候，样式冲突可能导致分页按钮无法点击。可通过浏览器开发者工具检查分页组件的样式，确保没有被其他样式覆盖或影响。 ### 检查数据加载状态 确保在数据加载过程中，分页组件的状态正确。例如，在数据加载时显示加载状态，避免用户在数据未加载完成时点击分页按钮。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值