瀏覽代碼

fix directive click outside

Vincent GUFFON 3 年之前
父節點
當前提交
ebad63f47b
共有 2 個文件被更改,包括 4 次插入4 次删除
  1. 1 1
      components/Ui/Help.vue
  2. 3 3
      plugins/directives.js

+ 1 - 1
components/Ui/Help.vue

@@ -22,7 +22,7 @@
       </v-icon>
     </template>
 
-    <div ref="slotDiv" class="tooltip" v-click-outside="onClickOutside">
+    <div ref="slotDiv" class="tooltip" v-click-out="onClickOutside">
       <slot></slot>
     </div>
   </v-tooltip>

+ 3 - 3
plugins/directives.js

@@ -1,12 +1,12 @@
 import Vue from "vue";
 
 /**
- * Register a specific event: v-click-outside
+ * Register a specific event: v-click-out
  *
  * Example for some modale div:
  *
  *   <template>
- *     <div v-click-outside="onClickOutside">
+ *     <div v-click-out="onClickOutside">
   *      <slot></slot>
   *    </div>
  *   </template>
@@ -18,7 +18,7 @@ import Vue from "vue";
  *     }
  *   </script>
  */
-Vue.directive("click-outside", {
+Vue.directive("click-out", {
   bind: function (el, binding, vnode) {
     el.clickOutsideEvent = (event) => {
       if (!(el === event.target || el.contains(event.target))) {