Updatable options

All props are reactive. When you change any prop, the slider updates automatically.

Updatable props

These props can be changed without any side effects:

Prop	Notes
step	—
margin	—
padding	—
limit	—
snap	—
tooltips	—
range	—
pips	—
disable	—
clickablePips	—

If you change several of these in the same tick, they are all applied together in a single update.

Props that recreate the slider

These props require recreating the slider when changed. Current values are automatically preserved:

Prop
format
connect
animate
animationDuration
orientation
direction
behaviour
tooltipOnClick
mergeTooltips

updateOptions method via ref

You can also update options directly:

this.$refs.slider.updateOptions({
    range: { min: 0, max: 200 },
    step: 5,
    margin: 10,
});

WARNING

Only the options from the first table are supported by updateOptions. For the rest, change the props directly.