elementplus中的开关

Element Plus 是基于 Vue.js 的一套轻量级组件库，它继承自 Element UI，并对组件进行了现代化和性能优化。其中的开关（switch）组件是一个常用的交互元素，用于在两个状态之间切换，通常代表“开”和“关”两种状态。

在 Element Plus 中，开关组件有以下特点：

1. **基础用法**：使用 `el-switch` 标签创建一个基本的开关，可以通过 `value` 属性来控制开关的状态，默认值为 `false` 表示关闭。

<template>
  <el-switch v-model="isOn" :active-color="#108ee9" @change="handleChange"></el-switch>
</template>

<script>
export default {
  data() {
    return {
      isOn: false, // 初始开关状态
    };
  },
  methods: {
    handleChange(value) {
      console.log('开关状态改变', value);
    },
  },
};
</script>

2. **可定制样式**：可以通过 CSS 或者 `:style` 属性来自定义开关的颜色、大小、圆角等样式。

3. **类型选择**：Element Plus 提供了多种开关类型，如圆形开关 (`el-switch-circle`)。

4. **禁用状态**：可以用 `disabled` 属性来设置开关是否处于禁用状态。

5. **自定义文案**：通过 `label-on` 和 `label-off` 内部slot 可以自定义开关切换后的文案。

相关问题--
1. 如何在 Element Plus 中启用开关的圆角模式？
2. 如何设置 Element Plus 开关的初始禁用状态？
3. 如何通过 slot 功能更改 Element Plus 开关切换后的文案？