Merge pull request #11 from hoiheart/develop

fix: Virtual scroll options failed to change scrolling event after detection of change

Author: hoiheart

src/hooks.ts

@@ -101,19 +101,25 @@ export const useVirtualScroll = (props: Props, viewer: Ref<null|HTMLElement>, sc
         immediate: true
       }
     )
-
-    watch(
-      [() => props.mode, () => props.prev, () => props.current],
-      () => nextTick(setMeta),
-      { immediate: true }
-    )
   })
 
   onBeforeUnmount(() => {
     if (!scrollOptions.value) return
     viewer.value?.removeEventListener('scroll', useThrottleFn(setMeta, scrollOptions.value.delay))
   })
 
+  watch(
+    scrollOptions,
+    (val, prev) => {
+      if (!prev && val) {
+        viewer.value?.addEventListener('scroll', useThrottleFn(setMeta, val.delay))
+      }
+      if (prev && !val) {
+        viewer.value?.removeEventListener('scroll', useThrottleFn(setMeta, prev.delay))
+      }
+    }
+  )
+
   return {
     minHeight
   }