From c3685ac7c12db3d8cc6b8702fb04f5516b2eb309 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sun, 22 Dec 2019 09:51:48 +0800
Subject: [PATCH] fix(NumberKeyboard): avoid Vue 2.6 event bubble issues
 (#5349)

---
 src/number-keyboard/Key.js | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/number-keyboard/Key.js b/src/number-keyboard/Key.js
index 09c36851a..f5a0f6a44 100644
--- 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>
     );