From 2919aa362d14fef5f16c10064261ea3b0af441b4 Mon Sep 17 00:00:00 2001
From: 梁灏 <admin@aresn.com>
Date: Mon, 10 Jul 2017 13:30:00 +0800
Subject: [PATCH] update Affix & BackTop

---
 src/components/affix/affix.vue       | 14 +++++++++-----
 src/components/back-top/back-top.vue | 13 +++++++++----
 src/utils/dom.js                     | 37 +++++++++++++++++++++++++++++++++++++
 3 files changed, 55 insertions(+), 9 deletions(-)
 create mode 100644 src/utils/dom.js

diff --git a/src/components/affix/affix.vue b/src/components/affix/affix.vue
index 0cb7a96..44ac12a 100644
--- a/src/components/affix/affix.vue
+++ b/src/components/affix/affix.vue
@@ -5,8 +5,8 @@
         </div>
     </div>
 </template>
-
 <script>
+    import { on, off } from '../../utils/dom';
     const prefixCls = 'ivu-affix';
 
     function getScroll(target, top) {
@@ -73,12 +73,16 @@
             }
         },
         mounted () {
-            window.addEventListener('scroll', this.handleScroll, false);
-            window.addEventListener('resize', this.handleScroll, false);
+//            window.addEventListener('scroll', this.handleScroll, false);
+//            window.addEventListener('resize', this.handleScroll, false);
+            on(window, 'scroll', this.handleScroll);
+            on(window, 'resize', this.handleScroll);
         },
         beforeDestroy () {
-            window.removeEventListener('scroll', this.handleScroll, false);
-            window.removeEventListener('resize', this.handleScroll, false);
+//            window.removeEventListener('scroll', this.handleScroll, false);
+//            window.removeEventListener('resize', this.handleScroll, false);
+            off(window, 'scroll', this.handleScroll);
+            off(window, 'resize', this.handleScroll);
         },
         methods: {
             handleScroll () {
diff --git a/src/components/back-top/back-top.vue b/src/components/back-top/back-top.vue
index 303951d..fb6b2e1 100644
--- a/src/components/back-top/back-top.vue
+++ b/src/components/back-top/back-top.vue
@@ -9,6 +9,7 @@
 </template>
 <script>
     import { scrollTop } from '../../utils/assist';
+    import { on, off } from '../../utils/dom';
     const prefixCls = 'ivu-back-top';
 
     export default {
@@ -36,12 +37,16 @@
             };
         },
         mounted () {
-            window.addEventListener('scroll', this.handleScroll, false);
-            window.addEventListener('resize', this.handleScroll, false);
+//            window.addEventListener('scroll', this.handleScroll, false);
+//            window.addEventListener('resize', this.handleScroll, false);
+            on(window, 'scroll', this.handleScroll);
+            on(window, 'resize', this.handleScroll);
         },
         beforeDestroy () {
-            window.removeEventListener('scroll', this.handleScroll, false);
-            window.removeEventListener('resize', this.handleScroll, false);
+//            window.removeEventListener('scroll', this.handleScroll, false);
+//            window.removeEventListener('resize', this.handleScroll, false);
+            off(window, 'scroll', this.handleScroll);
+            off(window, 'resize', this.handleScroll);
         },
         computed: {
             classes () {
diff --git a/src/utils/dom.js b/src/utils/dom.js
new file mode 100644
index 0000000..6e14cd0
--- /dev/null
+++ b/src/utils/dom.js
@@ -0,0 +1,37 @@
+import Vue from 'vue';
+
+const isServer = Vue.prototype.$isServer;
+
+/* istanbul ignore next */
+export const on = (function() {
+    if (!isServer && document.addEventListener) {
+        return function(element, event, handler) {
+            if (element && event && handler) {
+                element.addEventListener(event, handler, false);
+            }
+        };
+    } else {
+        return function(element, event, handler) {
+            if (element && event && handler) {
+                element.attachEvent('on' + event, handler);
+            }
+        };
+    }
+})();
+
+/* istanbul ignore next */
+export const off = (function() {
+    if (!isServer && document.removeEventListener) {
+        return function(element, event, handler) {
+            if (element && event) {
+                element.removeEventListener(event, handler, false);
+            }
+        };
+    } else {
+        return function(element, event, handler) {
+            if (element && event) {
+                element.detachEvent('on' + event, handler);
+            }
+        };
+    }
+})();
\ No newline at end of file
--
libgit2 0.21.4