Skip to content

Slider 滑块

通过拖动滑块在一个固定区间内进行选择

基础用法

在拖动滑块时,显示当前值

垂直模式

属性

属性名描述类型可选值默认值
model-value / v-model选中项绑定值number0
min最小值number0
max最大值number100
disabled是否禁用booleanfalse
show-tooltip是否显示提示信息booleantrue
format-tooltip格式化提示信息function(value)
vertical垂直模式booleanfalse
height滑块高度,垂直模式必填string
placementTooltip 出现的位置stringtop/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-endtop

事件

事件名说明参数
change值改变时触发(使用鼠标拖曳时,只在松开鼠标后触发)val,新状态的值
input数据改变时触发(使用鼠标拖曳时,活动过程实时触发)val,改变后的值

Released under the MIT License.