Skip to content

Slider 滑块 ​

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

基础用法 ​

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

垂直模式 ​

属性 ​

属性名描述类型可选值默认值
model-value / v-model选中项绑定值number—0
min最小值number—0
max最大值number—100
disabled是否禁用boolean—false
show-tooltip是否显示提示信息boolean—true
format-tooltip格式化提示信息function(value)——
vertical垂直模式boolean—false
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.