Switch 开关
表示两种相互对立的状态间的切换,多用于触发「开/关」。
基本用法
绑定v-model到一个Boolean类型的变量。可以使用active-color属性与inactive-color属性来设置开关的背景色。
文字描述
使用active-text属性与inactive-text属性来设置开关的文字描述。
扩展的 value 类型
设置active-value和inactive-value属性,接受Boolean, String或Number类型的值。
禁用状态
设置disabled属性,接受一个Boolean,设置true即可禁用。
Attributes
Events
Methods
Slider 滑块
通过拖动滑块在一个固定区间内进行选择。
基础用法
在拖动滑块时,显示当前值。
通过设置绑定值自定义滑块的初始值。
离散值
选项可以是离散的。
改变step的值可以改变步长,通过设置show-stops属性可以显示间断点。
带有输入框
通过输入框设置精确数值。
设置show-input属性会在右侧显示一个输入框。
范围选择
支持选择某一数值范围。
设置range即可开启范围选择,此时绑定值是一个数组,其元素分别为最小边界值和最大边界值。
竖向模式
设置vertical可使 Slider 变成竖向模式,此时必须设置高度height属性。
展示标记
设置 marks 属性可以展示标记。
Attributes
Events