修改滚动加载数据

src/views/transfer/components/visual-table.vue

@@ -46,8 +46,8 @@ watch(() => [
     allData.value = Data
     tableData.value = []
         //判断数据长度有没有9个，有就先添加9个，没有直接获取所有数据
-        if (allData.value.length > 5) {
-          for (let i = 0;i < needle.value + 1;i++) {
+        if (allData.value.length > 9) {
+          for (let i = 0;i < needle.value ;i++) {
             tableData.value[i] = allData.value[i]
           }
         } else {
@@ -66,18 +66,19 @@ onMounted(()=>{
 const queryData = ()=>{
         // 一条一条加载记录，直至遍历到最后一条
         while (needle.value < allData.value.length ) {
-          tableLoaing.value = true
-            tableData.value[needle.value] = allData.value[needle.value]
-            tableLoaing.value = false
-            proxy.$forceUpdate()
-            needle.value++
+          let pusharr = allData.value.slice(needle.value, needle.value + 10)
+          pusharr.forEach((ele)=>{
+            tableData.value.push(ele)
+          })
+          proxy.$forceUpdate()
+          needle.value = needle.value + 10
           }
 }
 const lazyLoading = ()=>{
   const wrapRef = tableRef.value.tableRef.$refs.scrollBarRef.wrapRef
    if ('onscrollend' in window) {
-    console.log(5555555)
     wrapRef.addEventListener('scrollend', queryData)
+
   } 
 
 }