Skip to content

Slider 滑块

规则

基础示例

双滑块(区间)

禁用

Events 示例

Props

名称类型默认值说明
disabledbooleanfalse是否禁用
format-tooltip(currentValue: number) => string格式化 tooltip 提示
heightstring'300px'vertical 为 true 时的高度
marks刻度值
maxnumber100最大值
minnumber0最小值
num-pagesnumber1PageDown/PageUp 每次移动距离
show-inputbooleanfalse是否显示输入框
show-tipbooleantrue是否显示 tooltip
stepnumber1步长
unitbooleanfalse输入框后单位(输入框模式)
v-modelnumber | [number, number]绑定值
verticalbooleanfalse是否竖向模式

Events

名称类型说明
change(value: number | [number, number]) => void值改变触发(松开鼠标后)
start(event: Event, value: number | [number, number]) => void滑动开始触发
stop(value: number | [number, number]) => void滑动结束触发

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用