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.length === 0 && 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();// 初始化列表
        }
      })
    }
    

猜你喜欢

转载自blog.csdn.net/qq_53810245/article/details/127011335
今日推荐