elementUi分页删除最后一页数据不刷新回到前一页的情况*

**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.listQuery.limit;
this.getTableData();
}
}
},

total：表格数据的总数；
currentPage ：当前页；
limit ：每页显示表格数据的条数；
start ：表格数据从几开始，默认为0；

实现原理：如果数据总数等于当前页-1*每页显示的条数，比如10,20,30,40，并且总数不能为0，因为默认为0，页面不监听，当前页数-1；回到上一页，刷新数据

elementUi分页删除最后一页数据不刷新回到前一页的情况*相关推荐

elementUI分页删除最后一页数据时跳转回上一页并且el-table序号递增
elementUI分页删除最后一页数据时跳转回上一页 queryParams: {current: 1,//当前页数size: 10,//每页条数channel: undefined,}, const ...
Elementui删除表格最后一页全部数据后跳到前一页的骚气写法
造成这个原因是由于currentPage没有更新的原因,当最后一页的数据删除后,请求的current没有改变. 不要慌我的这种写法想跳哪一页就跳哪一页这是分页参数这是表格数据我们可以给个变量fl ...
【已解决】WPS2018 从第三页开始插入页眉页码（即前两页不要页眉页码）
操作流程 1)假设现在每一页的页眉都是 bw98,如图一图一. 2)点击第三页的页眉页码,在选项卡中选择<页眉和页脚>,会发现此时同前节是开启着的,这意味着第三页的页眉页脚和第二页是一样 ...
word2013 如何设置从第三页开始编码或如何设置封面页和正文页页码不连续
首先说明一下 "分节符"作用,它就是用来将整个文档分节的,添加一个分节符,文档就分成1.2两节:添加两个分节符,文档就分成1.2.3节. 当前页面具体是第几节,可以通过点击页眉页脚 ...
java跳转页面后再跳回前一个页面_js中实现页面跳转（返回前一页、后一页）
一:JS 重载页面,本地刷新,返回上一页代码如下: 返回上一页重载页面,本地刷新返回上一页重载页面,本地刷新返回前二页并刷新的JS代码应该怎样写. 代码如下: history.go(-2); ...
php执行成功后返回前一页并刷新页面
这个问题是群里有人问的. 他有一个退出的页面logout.php,希望用户在点击退出按钮后退出登录状态,并返回之前的页面. 他写的代码如下: <?php echo "<scrip ...
js实现回到上一页的功能,介绍三种方法,其中一种在新开的页面中也适用
话不多说,看例子 1.history.go() 可以回到,前进任意一步的页面,回到上一页,如下所示 // 回到上一页 window.history.go(-1);// 回到下一页 window.his ...
element分页:删除最后一页的所有数据后currentPage显示正确,但列表内容为空以及批量删除为空的问题
文章目录问题描述问题排查问题描述当表格有多页数据,并且末尾页只有一条数据时,删除末尾页的数据之后,数据列表为空,但是当前页码显示正确,还是直接上图说明吧. 最后一页只有一条数据,删除操作之前如 ...
阅读新闻页面绑定新闻评论+添加评论+删除评论+admin页面数据分页
继上面功能之后的新功能一.添加评论首先是我们的admin界面展示其次是我们的read_news界面展示 a.首先从read_news界面的from表单跳转至doadd_ptext界面. < ...

elementUi分页删除最后一页数据不刷新回到前一页的情况*

**elementUi分页删除最后一页数据不刷新回到前一页的情况*

elementUi分页删除最后一页数据不刷新回到前一页的情况*相关推荐

最新文章

热门文章