滑块 Slider

基本用法

可显示间断点

自定义前置和后置图标

实时显示值

自定义步长

自定义 tooltip 中显示的值

垂直方向

范围选择

范围选择（垂直方向）

API

Slider Props

参数名	说明	类型	可选值	默认值	是否必填
modelValue（v-model）	滑块的值	number/array			true
max	滑块最大值	number		100
min	滑块最小值	number		0
disabled	是否禁用滑块	boolean		false
step	步长	number		1
showStop	是否显示间断点	boolean		false
showTooltip	是否显示气泡框	boolean		true
showTooltipAlways	是否一直显示气泡框	boolean		false
formatTooltip	格式化 tooltip 显示的值	function		null
range	是否为范围滑块	boolean		false
vertical	是否为垂直方向	boolean		false
height	滑块为垂直方向时的高度	string		'auto'
label	滑块的 label	string
prependIcon	前置图标	string
appendIcon	后置图标	string
marks	断点 label 列表	object		null
thumbColor	滑块的颜色	string		rgba(0, 160, 255, 1)
thumbShadowColor	滑块阴影的颜色	string		rgba(0, 170, 250, 0.3)
trackColor	滑动条的颜色	string		#e5e6eb
doneTrackColor	已完成的进度条的颜色	string		rgba(0, 160, 255, 1)

Slider Slots

插槽名	说明	子标签
prepend	滑块前置内容（优先级 > appendIcon > label）
append	滑块后置内容（优先级 > appendIcon > label）