优化,用节流控制表格下拉加载更多分页数据避免请求过多数据

CD配唱片

2025-05-08 ebc5ce2b6e4cba0708d4f5efd20fd049fcd774e6

 src/views/basicData/processRoute/index.vue

@@ -203,6 +203,7 @@
  processRouteTempList,
  confirmProcessRoute,
} from "@/api/basicData/processRoute";
import { throttle } from "@/utils/throttle";
import HxlhTable from "@/components/HxlhTable";
import { getToken } from "@/utils/auth";
import { ref } from "vue";
@@ -427,18 +428,17 @@
      daterangeIntegrationDay.value[1];
  }

   const response = await listProcessRoute(queryParams.value)
    // processRouteList.value = response.rows;
    if(processRouteList.value.length < queryParams.value.pageSize){
      hasMore.value = false;
      processRouteList.value = response.rows
    }else{
      processRouteList.value = [...processRouteList.value,...response.rows];
    }
    
    // total.value = response.total;
    loading.value = false;
  
  const response = await listProcessRoute(queryParams.value);
  // processRouteList.value = response.rows;
  if (processRouteList.value.length < queryParams.value.pageSize) {
    hasMore.value = false;
    processRouteList.value = response.rows;
  } else {
    processRouteList.value = [...processRouteList.value, ...response.rows];
  }

  // total.value = response.total;
  loading.value = false;
}
// async function loadData() {
//   try {
@@ -453,9 +453,13 @@
//     console.error('Error fetching data:', error);
//   }
// }
function handleAutoLoadMore(){
  getList();
const throttledScroll = throttle(() => {
  queryParams.value.pageNum++;
  getList();
  console.log("1111")
}, 200);
function handleAutoLoadMore() {
  throttledScroll()
}
// 取消按钮
function cancel() {