Element UI 的开关和滑块

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