drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add slider on-input

Browse source
This commit is contained in:
jingsam 2017-01-04 17:55:22 +08:00
parent 4a260ed5e4
commit 8a76ba042d
2 changed files with 18 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/slider/slider.vue
View file

@ -184,6 +184,7 @@
} }
}); });
this.updateValue(val); this.updateValue(val);
this.$emit('on-input', this.value);
} }
}, },
methods: { methods: {

31
test/routers/slider.vue
View file

@ -1,19 +1,19 @@
<template> <template>
<div style="width: 140px;margin:100px;"> <div style="width: 140px;margin:100px;">
<!--{{ value }}--> {{ value }}
<!--<Slider @on-change="change" :step="15"></Slider>--> <Slider @on-change="change" @on-input="input" :step="15"></Slider>
<!--<Slider :value="40" :tip-format="format"></Slider>--> <Slider :value="40" :tip-format="format"></Slider>
<!--<Slider :value.sync="value" show-input show-stops range @on-change="change" :step="13"></Slider>--> <Slider :value.sync="value" show-input show-stops range @on-change="change" @on-input="input" :step="13"></Slider>
<!--<Slider :max="10"></Slider>--> <Slider :max="10"></Slider>
<!--<Slider :step="13"></Slider>--> <Slider :step="13"></Slider>
<!--<Slider :step="13" :max="60"></Slider>--> <Slider :step="13" :max="60"></Slider>
<!--<Icon type="checkmark-circled" size="40" color="#f60"></Icon>--> <Icon type="checkmark-circled" size="40" color="#f60"></Icon>
<!--<p>附近的首付款是东方红看就是</p>--> <p>附近的首付款是东方红看就是</p>
<!--<div class="ivu-article">--> <div class="ivu-article">
<!--<a href="http://www.iviewui.com" target="_blank">iView</a>--> <a href="http://www.iviewui.com" target="_blank">iView</a>
<!--</div>--> </div>
<Slider :value="75"></Slider> <Slider :value="75"></Slider>
<!--<Slider :value="[20, 50]" range></Slider>--> <Slider :value="[20, 50]" range></Slider>
</div> </div>
</template> </template>
<script> <script>
@ -31,7 +31,10 @@
return `进度：${val}%` return `进度：${val}%`
}, },
change (data) { change (data) {
// console.log(data) console.log(data)
},
input (value) {
console.log(value)
} }
} }
} }