vue-range The component which implements a range input Implementation Like native HTML range element <vue-range :min="6" :max="100" :step="10" :value="30"></vue-range> <input type="range" min="6" max="100" step="10" value="30">