vue-slider-component
Version:
A highly customized slider component
81 lines (45 loc) • 1.54 kB
Markdown
# Events
### change
- **Type**: `(value, index) => void`
- **Arguments**:
- `{number | string | number[] | string[]} value`
- `{number} index` Slider index
- **Usage**:
The event that is triggered when the value changes.
### drag-start
- **Type**: `(index) => void`
- **Arguments**:
- `{number} index` Slider index
- **Usage**:
The event that is triggered when the mouse/finger presses the slider.
### dragging
- **Type**: `(value, index) => void`
- **Arguments**
- `{number | string | number[] | string[]} value`
- `{number} index` Slider index
- **Usage**:
The event that is triggered when the slider is dragged.
`value` is the value inside the component, and the internal value can be obtained when `lazy = true`.
### drag-end
- **Type**: `(index) => void`
- **Arguments**:
- `{number} index` Slider index
- **Usage**:
Drag and drop the event that triggered.
### error
- **Type**: `(type, message) => void`
- **Arguments**
- `{ERROR_TYPE} type` Error type
- `{string} message` Error message
```ts
enum ERROR_TYPE {
VALUE = 1, // Value is illegal
INTERVAL = 2, // `interval` cannot be divisible by `(max - min)`
MIN, // Value is less than min
MAX, // Value is greater than max
ORDER, // When `order` is false, `minRange/maxRange/enableCross/fixed` is still set
}
```
- **Usage**:
Event triggered when an error occurs in a component
- **See also**: <router-link :to="$route.meta.lang + 'advanced/input'">The \<input> linkage</router-link>