Switch
何时使用
- 需要表示开关状态/两种状态之间的切换时；
- 和 checkbox 的区别是，切换 switch 会直接触发状态改变，而 checkbox 一般用于状态标记，需要和提交操作配合。
- 在打开插件时需要保留上一次操作的值时，该组件可以提供基本能力。
TIP
该组件完全支持AntDV的a-switch属性
代码演示
<template>
<h-switch v-model:checked="checked" :save-options="{autoSave:true,key:'checked'}" />
</template>
<script setup lang="ts">
import { ref } from 'vue';
const checked = ref<boolean>(false);
</script>
API
Props
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| saveOptions | 自动上传和初始化组件数据。 注意⚠️：同一个工具下的多个key值需要保证唯一性。 | object | autoSave:false,key:"" |