Skip to content

Slider 滑块

规则

js
{
    type:"slider",
    field:"slider",
    title:"滑块",
    value:[0,52],
    props:{
        min: 0,
        max: 100,
        range: true,
    }
}
{
    type:"slider",
    field:"slider",
    title:"滑块",
    value:[0,52],
    props:{
        min: 0,
        max: 100,
        range: true,
    }
}

参考:naive-ui_Slider

value :Number | Array

Props

名称类型默认值说明版本
disabledbooleanfalse是否禁用
format-tooltip(value: number) => string | numberundefined格式化 tooltip
marks{ [markValue: number]: string }undefinedSlider 上的标记
maxnumber100最大值
minnumber0最小值
placement'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end'undefinedTooltip 的弹出位置2.25.0
rangebooleanfalse是否选择范围值
reversebooleanfalse是否倒转轨道
show-tooltipbooleanfalse是否一直显示 tooltip,仅对非 range 生效2.24.2
stepnumber | 'mark'1步长
tooltipbooleantrue是否展示 tooltip
verticalbooleanfalse是否启用垂直模式
on-update:value(value: number | [number, number]) => voidundefined值更新的回调

Released under the MIT License.