Add keyList watch

beomy · May 22, 2019 · 7cd16f0 · 7cd16f0
1 parent ce7da74
commit 7cd16f0
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/dist/js/vue-fast-scroll.js b/dist/js/vue-fast-scroll.js
diff --git a/src/FastScroll.vue b/src/FastScroll.vue
@@ -77,6 +77,12 @@ export default {
       this.fastScrollToggleId = setTimeout((x) => {
         this.fastScrollToggle = false
       }, this.mergedOptions.toggleDurationTime)
+    },
+
+    keyList () {
+      this.$nextTick(() => {
+        this.setFastScrollIndex()
+      })
     }
   },
 
@@ -112,8 +118,8 @@ export default {
 
     setFastScrollIndex () {
       for (const item of this.keyList) {
-        const clientReact = this.$refs.indexList.querySelector(`[fast-scroll-key="${item.key}"]`).getBoundingClientRect()
-        this.fastScrollIndex[item.key] = clientReact.y + clientReact.height
+        const clientRect = this.$refs.indexList.querySelector(`[fast-scroll-key="${item.key}"]`).getBoundingClientRect()
+        this.fastScrollIndex[item.key] = clientRect.y + clientRect.height
       }
     }
   }