- 问: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();// 初始化列表 } }) }