diff --git a/packages/mixins/bind-event.js b/packages/mixins/bind-event.js
index 8ca15c597..eb6a83321 100644
--- a/packages/mixins/bind-event.js
+++ b/packages/mixins/bind-event.js
@@ -1,3 +1,6 @@
+/**
+ * Bind event when mounted or activated
+ */
 import { on, off } from '../utils/dom/event';
 
 export function BindEventMixin(handler) {
diff --git a/packages/mixins/click-outside.js b/packages/mixins/click-outside.js
index 97fbf67aa..e14860407 100644
--- a/packages/mixins/click-outside.js
+++ b/packages/mixins/click-outside.js
@@ -1,17 +1,20 @@
+/**
+ * Listen to click outside event
+ */
 import { on, off } from '../utils/dom/event';
 
 export const ClickOutsideMixin = config => ({
   mounted() {
-    config.handler = event => {
+    this.clickOutsideHandler = event => {
       if (!this.$el.contains(event.target)) {
         this[config.method]();
       }
     };
 
-    on(document, config.event, config.handler);
+    on(document, config.event, this.clickOutsideHandler);
   },
 
   beforeDestroy() {
-    off(document, config.event, config.handler);
+    off(document, config.event, this.clickOutsideHandler);
   }
 });