From 6a2040069990d19f30ddac1792957bbc08ed362b Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sun, 22 Dec 2019 09:38:17 +0800
Subject: [PATCH] fix(PullRefresh): avoid Vue 2.6 event bubble issues (#5347)

---
 .../vant-cli/site/mobile/components/DemoSection.vue    |  2 +-
 src/pull-refresh/index.js                              | 10 ++--------
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/packages/vant-cli/site/mobile/components/DemoSection.vue b/packages/vant-cli/site/mobile/components/DemoSection.vue
index 043a56cb0..9e952a2ff 100644
--- a/packages/vant-cli/site/mobile/components/DemoSection.vue
+++ b/packages/vant-cli/site/mobile/components/DemoSection.vue
@@ -26,7 +26,7 @@ export default {
 <style lang="less">
 .van-doc-demo-section {
   box-sizing: border-box;
-  min-height: 100vh;
+  min-height: calc(100vh - 56px);
   padding-bottom: 20px;
 }
 </style>
diff --git a/src/pull-refresh/index.js b/src/pull-refresh/index.js
index ca4d0d791..9ddae13c2 100644
--- a/src/pull-refresh/index.js
+++ b/src/pull-refresh/index.js
@@ -64,6 +64,7 @@ export default createComponent({
   },
 
   mounted() {
+    this.bindTouchEvent(this.$refs.track);
     this.scrollEl = getScrollEventTarget(this.$el);
   },
 
@@ -162,14 +163,7 @@ export default createComponent({
 
     return (
       <div class={bem()}>
-        <div
-          class={bem('track')}
-          style={style}
-          onTouchstart={this.onTouchStart}
-          onTouchmove={this.onTouchMove}
-          onTouchend={this.onTouchEnd}
-          onTouchcancel={this.onTouchEnd}
-        >
+        <div ref="track" class={bem('track')} style={style}>
           <div class={bem('head')}>{Status}</div>
           {this.slots()}
         </div>