Vue EasyUI 滑动条
属性列表
名称 | 数据类型 | 作用描述 | 默认值 |
---|---|---|---|
value | number,array | 字段值。 | null |
disabled | boolean | 是否禁用滑动条。 | false |
mode | string | 指示滑块的类型。可选的值:“h”(水平)、“v”(垂直)。 | h |
reversed | boolean | 设置为true时,将最小值和最大值交换它们的位置。 | false |
showTip | boolean | 是否显示值。 | false |
range | boolean | 是否显示滑动条范围。 | false |
min | number | 最小允许值。 | 0 |
max | number | 最大允许值。 | 100 |
step | number | 增加或减小值。 | 1 |
rule | array | 显示标签旁边的滑块。 | [ ] |
注:
- 继承: None 。
使用方法
<Slider style="width:300px;"
:value="0"
:showTip="true"
:rule="[0,'|',25,'|',50,'|',75,'|',100]">
</Slider>