A Vuejs 2.x html range slider. Feel free to copy the <RangeSlider />
code and use the props properly
- Go to
src/components/SliderWrapper.vue
and copy the<SlideRanger>
code with its pros - Then navigate to
src/components/SlideRanger.vue
and study the code which is a htmlinput[type="range"]
element
Prop Name | Prop Value (e.g.) | Prop Desription |
---|---|---|
v-model | 50 | the actual range slider value |
min | 0 | min range value |
max | 100 | max range value |
steps | 2 | no of steps to skip between values |
All the props are optional except the v-model