API
Variables
Props
| name | type | default | description | required version |
| value | number | 0 | form value, use v-model for binding | -- |
| decimal | boolean | false | if show decimals when value is changed | -- |
| min | number | 0 | min number | -- |
| max | number | 100 | max number | -- |
| step | number | 1 | step value | -- |
| disabled | boolean | false | if disabled | -- |
| minHTML | string | custom html template for min value | -- | |
| maxHTML | string | custom html template for max value | -- | |
| disabled-opacity | number | opacity value when is disabled | -- | |
| rangeBarHeight | number | 1 | range bar's height | -- |
Events
| name | params | description | required version |
| @on-change | (value) | emits when value is changed | v2.2.2 |
| @on-touchstart | (event) | trigger when finger is placed on element | v2.9.2 |
| @on-touchend | (event) | trigger when finger leaves the element | v2.9.2 |
Variables
| name | default | description | inherited name |
| @range-disabled-opacity | 0.5 | -- | @opacity-disabled |
| @range-bar-default-color | #a9acb1 | -- | |
| @range-bar-active-color | #04BE02 | -- | @theme-color |