fix(scroll-view):fix content can not respond to click events

didi · Jul 23, 2018 · 2c08a8c · 2c08a8c · xxyan0205 · Jul 23, 2018
1 parent 834d208
commit 2c08a8c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/components/scroll-view/demo/cases/demo0.vue b/components/scroll-view/demo/cases/demo0.vue
@@ -6,16 +6,17 @@
     >
       <div
         v-for="i in list"
-        :key="i"
         class="scroll-view-item"
+        :key="i"
+        @click="$_onItemClick(i)"
       >
         {{i}}
       </div>
     </md-scroll-view>
   </div>
 </template>
 
-<script>import {ScrollView} from 'mand-mobile'
+<script>import {ScrollView, Toast} from 'mand-mobile'
 
 export default {
   name: 'scroll-view-demo-0',
@@ -40,6 +41,9 @@ export default {
     }
   },
   methods: {
+    $_onItemClick(i) {
+      Toast.info(`Click ${i}`)
+    },
     $_onScroll({scrollLeft, scrollTop}) {
       console.log(`[Mand Mobile ScrollView - demo0 - onScroll] scrollLeft: ${scrollLeft}, scrollTop: ${scrollTop}`)
     },

diff --git a/components/scroll-view/index.vue b/components/scroll-view/index.vue
@@ -156,12 +156,12 @@ export default {
         return
       }
       this.scroller.doTouchStart(event.touches, event.timeStamp)
-      event.preventDefault()
     },
     $_onScollerTouchMove(event) {
       if (!this.scroller) {
         return
       }
+      event.preventDefault()
       this.scroller.doTouchMove(event.touches, event.timeStamp, event.scale)
     },
     $_onScollerTouchEnd(event) {