feat: 支持在浏览器引入情况下, 自动挂在指令

any86 · Apr 12, 2019 · 424544f · 424544f
1 parent e66bde9
commit 424544f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 6 deletions.
diff --git a/example/vue/index.html b/example/vue/index.html
@@ -23,8 +23,9 @@
     <main id="app">
         <div 
             v-touch:pan-config="{abc:123}"
-            v-touch:pan="panHandler" 
-            v-touch:tap="tapHandler"
+            v-touch:pan.prevent="panHandler" 
+            @tap.prevent="tapHandler"
+            @click="clickHandler"
             v-touch:swipe="swipeHandler"
             class="box">{{msg}}</div>
     </main>
@@ -35,10 +36,17 @@
             el: '#app',
             data() {
                 return {
+                    anyTouch:null,
                     msg: 1234567890
                 };
+            },
+            mounted(){
+
             },
             methods: {
+                clickHandler(){
+                    console.log('click');
+                },
                 swipeHandler(ev){
                     console.log(ev.type);
                 },

diff --git a/src/vueDirective/index.ts b/src/vueDirective/index.ts
@@ -17,10 +17,13 @@ const plugin = {
             }
             // 匹配手势, 无"-""
             else if (/^((?!-).)*$/.test(binding.arg)) {
+                console.log(binding.modifiers);
                 // 绑定事件
                 instance.on(binding.arg, (ev: Computed) => {
                     if (!!binding.modifiers.preventDefault) {
-                        ev.preventDefault();
+                        if(binding.modifiers.prevent) {
+                            ev.preventDefault();
+                        }
                     }
                     // if (binding.modifiers.self && el !== e.target) return;
                     binding.value(ev);
@@ -68,8 +71,8 @@ const plugin = {
 };
 
 // 自动加载插件
-// if (typeof <any>window !== 'undefined' && (<any>window).Vue) {
-//     (<any>window).Vue.use(plugin);
-// };
+if (typeof <any>window !== 'undefined' && (<any>window).Vue) {
+    (<any>window).Vue.use(plugin);
+};
 
 export default plugin;