|
|
||
|---|---|---|
| .. | ||
| demo | ||
| test | ||
| README.en-US.md | ||
| README.md | ||
| component.js | ||
| index.vue | ||
README.en-US.md
| title | preview |
|---|---|
| Slider | https://didi.github.io/mand-mobile/examples/#/slider |
Import
import { Slider } from 'mand-mobile'
Vue.component(Slider.name, Slider)
Code Examples
API
Slider Props
| Props | Description | Type | Default | Note |
|---|---|---|---|---|
| v-model | the value of slider, when range is false, use number, otherwise, use [number, number] |
number , number[] | 0 |
- |
| disabled | whether to disable slider | Boolean | false |
- |
| min | the minimum value the slider can slide from | number | 0 |
- |
| max | the maximum value the slider can slide to | number | 100 |
- |
| step | the granularity the slider can step through | number | 1 |
- |
| range | dual thumb mode | Boolean | false |
- |
| format | slider will pass its value to format, and display its value in tooltip |
Function | (val) => {return val} |
- |