解决element-ui分页器中删除最后一页最后一项数据时，页面不刷新到最新页的问题

最新推荐文章于 2023-06-05 20:30:00 发布
最新推荐文章于 2023-06-05 20:30:00 发布
阅读量643 收藏 1
点赞数 2
分类专栏： 项目相关
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vegetablekcccc/article/details/119736776
版权

首先看删除完最后一项数据后，明明只剩6页，当前页确还是第七页，所以导致最后页面没有数据
在这里插入图片描述
这时候需要在调用重新渲染数据列表之前写下以下判断，再调用数据请求即可
在这里插入图片描述

xx小黄人
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue.js element-ui validate中代码不执行问题解决方法
10-18
主要介绍了vue.js element-ui validate中代码不执行问题解决方法,需要的朋友可以参考下
基于vue和element-ui实现的表单设计器 通过拖拽方式快速生成一个表单页面
最新发布
06-08
基于vue和element-ui实现的表单设计器。通过拖拽方式快速生成一个表单页面，表单可以导出json格式,也可以将其他人绘制的表单通过json导入方式进行还原。针对选择性控件（radio，select，checkbox）提供选择后触发调用，支持表达式。对选择性控件支持数据联动功能，通过此功能可以做多级联动。动态表格提供单独的弹框进行填写和编辑。布局方式多样化，提供栅格，表格等多种布局方式。支持表单预览模式，表单内容全部非组件化，全部文本显示。针对选择性控件（radio，select，checkbox）选择后将对应的label进行单独存储，方便展示
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
10-14
主要介绍了解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
VUE3-element-plus el-table子节点懒加载删除，编辑不刷新解决方案
qq_43653951的博客
06-08 4081
element-plus+vite+vue3 el-table 子节点懒加载不刷新的问题解决方案
element plus el-table 懒加载删除子列表最后一项时，页面不刷新
qq_17686345的博客
03-18 814
RefTable.store.states.lazyTreeNodeMap.value[父id] = []element plus el-table 懒加载在删除子列表最后一项数据时，页面不刷新。其作用是在删除最后一项数据后，将父id下面的接口清空。
解决 element-ui Pagination（分页）删除末页最后一条数据，并返回上一页问题
m0_67484664的博客
05-14 799
在使用`element-ui 的 Pagination`的时候，删除末页最后一条数据，重新发送请求获得数据时，任然显示最后被删除的那条数据，并重新请求获取数据失败；但数据库中确实删除成功。
解决：element-ui分页器在将最后一页列表数据删完时，页面不刷新到最新数据
weixin_71403100的博客
05-09 954
解决：element-ui分页器在将最后一页列表数据删完时，页面不刷新到最新数据
elementUI的table表格改变数据不更新问题解决
热门推荐
蓝胖子的博客
10-24 1万+
elementUI的table表格改变数据不更新问题解决
在 element 的 table列表中删除最后一条数据页面不自动跳到上一页的解决方法
miracle_linlei的博客
01-11 589
在 element 的 table列表中删除最后一条数据页面不自动跳到上一页的解决方法
解决el-table 子节点懒加载删除，操作成功后不刷新
啊哈的博客
07-28 2097
解决el-table 懒加载多选删除后不刷新
使用Vue.js和Element-UI做一个简单登录页面的实例
10-18
下面小编就为大家分享一篇使用Vue.js和Element-UI做一个简单登录页面的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
elementUi分页删除最后一页数据不刷新回到前一页的情况*
qq_34508098的博客
06-09 2293
*elementUi分页删除最后一页数据不刷新回到前一页的情况 *实现方法： 可以监听数据表total总数的变化， watch: { total() { if ( this.total === (this.currentPage - 1) * this.listQuery.limit && this.total !== 0 ) { this.currentPage -= 1; this.listQuery.start = (this.currentPage - 1) * this.listQ
删除ElementUI分页最后一页最后一条显示bug
廖奕泽的博客
06-05 345
删除ElementUI分页最后一页最后一条显示bug
element的分页查询后页面数据变了，分页却没变的问题
zheshihuahua的博客
01-12 1884
从最后一页点击查询后，页面数据变为第一页的数据了，但是分页会显示2
vue element table列表删除某一页的最后一条数据之后页面不自动跳到上一页
weixin_50561985的博客
07-24 4335
例如项目场景删除某一页的最后一条数据之后页面不自动跳到上一页。
elementui 切换分页选中状态仍然停留在上次页问题
qq_35946021的博客
04-11 2127
elementui pagenation 切换分页选中状态仍然停留在上次页问题
element Pagination分页 删除最后一条数据返回上一页问题
weixin_49186680的博客
01-30 3165
问题描述: 在删除表单最后一条数据时,自动返回上一页,但实际情况是还是删除前的页数,数据为空 解决办法: rowDel(row) { sensitiveWordDelete(row.id).then((res) => { if (res.data.code == 200) { this.$message({ type: "success", message: "删除成功!", })
解决element el-pagination分页最后一页数据清空了页码显示正确，但是列表为空
wusq的博客
11-12 3042
vue
Vue使用Element-table实现动态删除某行的操作（在删除后页面中不显示该行）
MangoSwordsman的博客
03-27 2662
Vue使用Element-table实现动态删除某行的操作（在删除后页面中不显示该行）
element-ui分页器如何实时数据
05-30
要实现element-ui分页器的实时数据更新，可以使用以下步骤： 1. 在组件中定义一个变量来存储当前页数和每页显示的数据条数。 2. 监听变量的变化，当变量发生变化时，重新请求数据并更新分页器的总条数和当前页数。 3. 在分页器组件中绑定页码和每页显示数据条数的变量，当用户点击分页器时，更新变量的值，触发数据更新。 下面是一个示例代码： ```html <template> <div> <el-table :data="tableData" border> <el-table-column prop="name" label="姓名"></el-table-column> <el-table-column prop="age" label="年龄"></el-table-column> </el-table> <el-pagination v-model="currentPage" :total="total" :page-size="pageSize" @size-change="handleSizeChange" @current-change="handleCurrentChange" /> </div> </template> <script> export default { data() { return { tableData: [], currentPage: 1, pageSize: 10, total: 0, }; }, watch: { currentPage: { handler() { this.getData(); }, }, pageSize: { handler() { this.currentPage = 1; this.getData(); }, }, }, mounted() { this.getData(); }, methods: { getData() { // 根据 currentPage 和 pageSize 请求数据 // 更新 tableData 和 total }, handleSizeChange(val) { this.pageSize = val; }, handleCurrentChange(val) { this.currentPage = val; }, }, }; </script> ``` 在这个示例中，我们使用了 `watch` 来监听 `currentPage` 和 `pageSize` 的变化，当变化时，重新请求数据并更新分页器的总条数和当前页数。同时，在分页器组件中绑定了 `currentPage` 和 `pageSize` 的变量，并监听了分页器的点击事件，更新变量的值，触发数据更新。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值