fix(index-bar): init scroller when start to scroll for nuxt (#1460)

varletjs · Feb 3, 2024 · 9b9ad8c · 9b9ad8c
1 parent 60e0e07
commit 9b9ad8c
Showing 1 changed file with 8 additions and 11 deletions.
diff --git a/packages/varlet-ui/src/index-bar/IndexBar.vue b/packages/varlet-ui/src/index-bar/IndexBar.vue
@@ -73,10 +73,7 @@ export default defineComponent({
       }
     )
 
-    onSmartMounted(async () => {
-      await setScroller()
-      addScrollerListener()
-    })
+    onSmartMounted(setupScroller)
 
     onBeforeUnmount(removeScrollerListener)
 
@@ -170,17 +167,17 @@ export default defineComponent({
       clickedName.value = ''
     }
 
-    async function setScroller() {
-      await doubleRaf()
+    function setupScroller() {
       scroller = getParentScroller(barEl.value as HTMLElement)
-    }
-
-    function addScrollerListener() {
-      scroller!.addEventListener('scroll', handleScroll)
+      scroller.addEventListener('scroll', handleScroll)
     }
 
     function removeScrollerListener() {
-      scroller!.removeEventListener('scroll', handleScroll)
+      if (!scroller) {
+        return
+      }
+
+      scroller.removeEventListener('scroll', handleScroll)
     }
 
     // expose