Skip to content

功能

基于 el-switch 和 el-popconfirm,用于确认 Switch 组件的操作

功能示例

展示区
Open
模拟:异步切换
参数:禁用组件
启用
参数:二次确认
关闭

最小示例

vue
<template>
    <Wrapper>
        <HSwitch
            v-model="result"
            active-text="开"
            inactive-text="关"
            active-value="Open"
            inactive-value="Close"
        />
    </Wrapper>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import Wrapper from '@/components/simple-wrapper.vue'
import HSwitch from '../index.vue'

const result = ref('Open')
</script>

API