---
title: Switch 开关
description: 用于在打开和关闭状态之间进行切换。
isComponent: true
usage: true
spline: form
author: swimly
---

## 基本用法

通过`value`，`defaultValue`，`v-model`可定义开关的状态，当通过 value 定义状态的时候，开关不可操作，defaultValue 常用于默
认值设置，只有通过`v-model`设置时才是响应式。

{{ base }}

## 不同大小

通过`size`可设置不同尺寸的开关，可选：`small`，`medium`，`large`，默认是：`medium`。

{{ size }}

## 文字信息

通过`label`可设置开关的文字信息，数据结构：`Array`。

> 提示：数组第一个值为打开状态的文本，第二个值为关闭状态的文本。

{{ label }}

## 自定义开关选中值

默认情况下开关是从`true`和`false`中选取一个值，通过`customValue`可自行定义这一组值。

> 提示：数据结构为：`[打开时的值，关闭时的值]`

{{ customValue }}

## 加载状态

在需要异步处理请求的时候，可通过`loading`属性来设置开关的加载状态，等待数据处理完毕移除该属性或者设置为`false`即可。

{{ loading }}

## 禁用状态

通过`disabled`属性可设置开关不可操作。

{{ disabled }}
