From 8a76ba042d6016779eb0d1dc9839e4bcb1e88e87 Mon Sep 17 00:00:00 2001
From: jingsam <jing-sam@qq.com>
Date: Wed, 4 Jan 2017 17:55:22 +0800
Subject: [PATCH] add slider on-input

---
 src/components/slider/slider.vue |  1 +
 test/routers/slider.vue          | 31 +++++++++++++++++--------------
 2 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/components/slider/slider.vue b/src/components/slider/slider.vue
index be9f082..a25edc3 100644
--- a/src/components/slider/slider.vue
+++ b/src/components/slider/slider.vue
@@ -184,6 +184,7 @@
                     }
                 });
                 this.updateValue(val);
+                this.$emit('on-input', this.value);
             }
         },
         methods: {
diff --git a/test/routers/slider.vue b/test/routers/slider.vue
index 2f89af8..770e9c2 100644
--- a/test/routers/slider.vue
+++ b/test/routers/slider.vue
@@ -1,19 +1,19 @@
 <template>
     <div style="width: 140px;margin:100px;">
-        <!--{{ value }}-->
-        <!--<Slider @on-change="change" :step="15"></Slider>-->
-        <!--<Slider :value="40" :tip-format="format"></Slider>-->
-        <!--<Slider :value.sync="value" show-input show-stops range @on-change="change" :step="13"></Slider>-->
-        <!--<Slider :max="10"></Slider>-->
-        <!--<Slider :step="13"></Slider>-->
-        <!--<Slider :step="13" :max="60"></Slider>-->
-        <!--<Icon type="checkmark-circled" size="40" color="#f60"></Icon>-->
-        <!--<p>附近的首付款是东方红看就是</p>-->
-        <!--<div class="ivu-article">-->
-            <!--<a href="http://www.iviewui.com" target="_blank">iView</a>-->
-        <!--</div>-->
+        {{ value }}
+        <Slider @on-change="change" @on-input="input" :step="15"></Slider>
+        <Slider :value="40" :tip-format="format"></Slider>
+        <Slider :value.sync="value" show-input show-stops range @on-change="change" @on-input="input" :step="13"></Slider>
+        <Slider :max="10"></Slider>
+        <Slider :step="13"></Slider>
+        <Slider :step="13" :max="60"></Slider>
+        <Icon type="checkmark-circled" size="40" color="#f60"></Icon>
+        <p>附近的首付款是东方红看就是</p>
+        <div class="ivu-article">
+            <a href="http://www.iviewui.com" target="_blank">iView</a>
+        </div>
         <Slider :value="75"></Slider>
-        <!--<Slider :value="[20, 50]" range></Slider>-->
+        <Slider :value="[20, 50]" range></Slider>
     </div>
 </template>
 <script>
@@ -31,7 +31,10 @@
                 return `进度：${val}%`
             },
             change (data) {
-//                console.log(data)
+               console.log(data)
+            },
+            input (value) {
+                console.log(value)
             }
         }
     }
--
libgit2 0.21.4