From f2be585e5ee594f9e76ba711929ff63f75b5ef48 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Fri, 11 Nov 2016 18:28:13 +0800
Subject: [PATCH] optimize Slider when dragging can select content in page

optimize Slider when dragging can select content in page
---
 src/components/slider/slider.vue | 3 +++
 test/routers/slider.vue          | 1 +
 2 files changed, 4 insertions(+)

diff --git a/src/components/slider/slider.vue b/src/components/slider/slider.vue
index 9f394e90..a7b389a3 100644
--- a/src/components/slider/slider.vue
+++ b/src/components/slider/slider.vue
@@ -253,6 +253,7 @@
             // for single use
             onSingleButtonDown (event) {
                 if (this.disabled) return;
+                event.preventDefault();
                 this.onSingleDragStart(event);
                 window.addEventListener('mousemove', this.onSingleDragging);
                 window.addEventListener('mouseup', this.onSingleDragEnd);
@@ -306,6 +307,7 @@
             // for range use first
             onFirstButtonDown (event) {
                 if (this.disabled) return;
+                event.preventDefault();
                 this.onFirstDragStart(event);
                 window.addEventListener('mousemove', this.onFirstDragging);
                 window.addEventListener('mouseup', this.onFirstDragEnd);
@@ -354,6 +356,7 @@
             // for range use second
             onSecondButtonDown (event) {
                 if (this.disabled) return;
+                event.preventDefault();
                 this.onSecondDragStart(event);
                 window.addEventListener('mousemove', this.onSecondDragging);
                 window.addEventListener('mouseup', this.onSecondDragEnd);
diff --git a/test/routers/slider.vue b/test/routers/slider.vue
index 451c8bce..b17e00b8 100644
--- a/test/routers/slider.vue
+++ b/test/routers/slider.vue
@@ -8,6 +8,7 @@
         <!--<Slider :step="13"></Slider>-->
         <!--<Slider :step="13" :max="60"></Slider>-->
         <Icon type="checkmark-circled" size="40" color="#f60"></Icon>
+        <p>附近的首付款是东方红看就是</p>
     </div>
 </template>
 <script>