开关 Switch

对应 Arco Switch：默认和 small 对应 Arco 两档尺寸，无可见边框。 属性用法见 Element Plus 文档。

基础与禁用

默认和 small 对应 Arco 两档尺寸，禁用态以浅色区分。

<script setup lang="ts">
import { ref } from 'vue'
const value = ref(true)
</script>

<template>
  <el-switch v-model="value" />
  <el-switch v-model="value" size="small" />
  <el-switch :model-value="true" disabled />
  <el-switch :model-value="false" disabled />
</template>

文字与扩展尺寸

inline-prompt 对应 Arco 内嵌文字；large 和外部文字是 Arco 没有的形态。

On

Disabled

Enabled

<script setup lang="ts">
import { ref } from 'vue'
const value = ref(true)
</script>

<template>
  <el-switch v-model="value" inline-prompt active-text="On" inactive-text="Off" />
  <el-switch v-model="value" size="large" />
  <el-switch v-model="value" active-text="Enabled" inactive-text="Disabled" />
</template>

与 Arco 的差异

• large 是按 Element Plus 尺寸级差延伸的形态，Arco 没有对应项。
• 外部文字布局与加载图标保留 Element Plus。