table最后一页所有数据批量删除或者单个删除,怎么自动回到上一页

简介: table最后一页所有数据批量删除或者单个删除,怎么自动回到上一页
  • 问:table最后一页所有数据批量删除或者单个删除,怎么自动回到上一页?
  • 答:在初始化页面中调用获取页面数据接口方法中做如下判断,当所有数据除以每页数据得到的数据页小于当前页,则表示当前页为最后一页没有数据的页,需重新获取上一页数据刷新页面

      function fetchData() {
         
          listQuery.value.pageNo = listQuery.value.page;
        getInfo(listQuery.value).then((res)=>{
         
          listQuery.value.total = res.data.total;
          // 获取列表信息
          tableData.value = res.data.records;
          if (
            tableData.value &&
            tableData.value.length === 0 &&
            tableData.value.pageNo !== 1
          ) {
         
            // 情况一:当这页没有数据,返回上一页
            listQuery.value.pageNo -= 1;
            // 情况二:当这页没有数据,返回第一页
            listQuery.value.pageNo = 1;
            // 初始化列表
            fetchData();
          }
          // 新增数据自动跳转到最后一页
          if(total.value > listQuery.value.pageNo * listQuery.value.pageSize){
         
            listQuery.value.pageNo = Math.ceil((total.value +1)/ listQuery.value.pageSize);
            fetchData();// 初始化列表
          }
        })
      }
    
相关文章
|
7月前
|
存储 移动开发 JavaScript
使用vuex记住当前页面页码信息,以便从详情页返回列表页时能还原到上一次页面
使用vuex记住当前页面页码信息,以便从详情页返回列表页时能还原到上一次页面
79 0
|
7月前
|
前端开发
使用element-ui中的table时,当有多选又有翻页功能时,点击翻页后之前选中的数据丢失
使用element-ui中的table时,当有多选又有翻页功能时,点击翻页后之前选中的数据丢失
202 0
|
4月前
|
JSON JavaScript 数据格式
团队筛选功能,上一页,下一页,数字按钮省略
团队筛选功能,上一页,下一页,数字按钮省略
36 0
RDM批量删除的方法,最右方有一个批量删除功能,下面有垃圾桶,就可以随便删除他
RDM批量删除的方法,最右方有一个批量删除功能,下面有垃圾桶,就可以随便删除他
|
6月前
|
开发工具 git
大项目事件57--------文章列表-删除最后一页最后一条的bug修复
大项目事件57--------文章列表-删除最后一页最后一条的bug修复
大事件项目41---点击发布和草稿按钮,标记保存到表单对象里
大事件项目41---点击发布和草稿按钮,标记保存到表单对象里
|
7月前
|
缓存 JavaScript 前端开发
vue + element Table的数据多选,多页选择数据回显,分页记录保存选中的数据。
vue + element Table的数据多选,多页选择数据回显,分页记录保存选中的数据。
121 0
【Word】快速删除多余的不需要的页面/再也不用一页一页的删除了
【Word】快速删除多余的不需要的页面/再也不用一页一页的删除了
167 0
关于 在word中插入表格跨页后每一页表格都显示标题栏 的解决方法
关于 在word中插入表格跨页后每一页表格都显示标题栏 的解决方法
关于 在word中插入表格跨页后每一页表格都显示标题栏 的解决方法
|
存储 缓存 前端开发
基于layui的数据表格,在修改第n页数据后页码还能保持在当前页面
基于layui的数据表格,在修改第n页数据后页码还能保持在当前页面
653 0
基于layui的数据表格,在修改第n页数据后页码还能保持在当前页面