fix(NumberKeyboard): avoid Vue 2.6 event bubble issues (#5349)

youzan · Dec 22, 2019 · c3685ac · c3685ac
1 parent e037082
commit c3685ac
Showing 1 changed file with 5 additions and 9 deletions.
diff --git a/src/number-keyboard/Key.js b/src/number-keyboard/Key.js
@@ -38,6 +38,10 @@ export default createComponent({
     }
   },
 
+  mounted() {
+    this.bindTouchEvent(this.$el);
+  },
+
   methods: {
     onTouchStart(event) {
       // compatible with Vue 2.6 event bubble bug
@@ -65,15 +69,7 @@ export default createComponent({
 
   render() {
     return (
-      <i
-        role="button"
-        tabindex="0"
-        class={[BORDER, this.className]}
-        onTouchstart={this.onTouchStart}
-        onTouchmove={this.onTouchMove}
-        onTouchend={this.onTouchEnd}
-        onTouchcancel={this.onTouchEnd}
-      >
+      <i role="button" tabindex="0" class={[BORDER, this.className]}>
         {this.slots('default') || this.text}
       </i>
     );