fix[Sticky]: fixed bug in resize PanJiaChen#721

PanJiaChen · PanJiaChen · commit 03e5f762b389 · 2018-05-31T10:50:38.000+08:00
diff --git a/src/components/Sticky/index.vue b/src/components/Sticky/index.vue
@@ -28,22 +28,21 @@ export default {
     return {
       active: false,
       position: '',
-      currentTop: '',
       width: undefined,
-      height: undefined,
-      child: null,
-      stickyHeight: 0
+      height: undefined
     }
   },
   mounted() {
     this.height = this.$el.getBoundingClientRect().height
     window.addEventListener('scroll', this.handleScroll)
+    window.addEventListener('resize', this.handleReize)
   },
   activated() {
     this.handleScroll()
   },
   destroyed() {
     window.removeEventListener('scroll', this.handleScroll)
+    window.removeEventListener('resize', this.handleReize)
   },
   methods: {
     sticky() {
@@ -70,6 +69,9 @@ export default {
         return
       }
       this.reset()
+    },
+    handleReize() {
+      this.width = this.$el.getBoundingClientRect().width + 'px'
     }
   }
 }
