From ebc5ce2b6e4cba0708d4f5efd20fd049fcd774e6 Mon Sep 17 00:00:00 2001
From: CD配唱片 <CD配唱片>
Date: 星期四, 08 五月 2025 13:22:25 +0800
Subject: [PATCH] 优化,用节流控制表格下拉加载更多分页数据避免请求过多数据
---
src/views/basicData/processRoute/index.vue | 32 ++++++++++++++++++--------------
1 files changed, 18 insertions(+), 14 deletions(-)
diff --git a/src/views/basicData/processRoute/index.vue b/src/views/basicData/processRoute/index.vue
index 684cec3..ecc1327 100644
--- a/src/views/basicData/processRoute/index.vue
+++ b/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() {
--
Gitblit v1.9.3