功能

el-drawer 的修改版

懒渲染模式（未开启时不渲染，打开时渲染，关闭时销毁），常用于循环数据的默认隐藏

功能示例

展示区
参数：默认 footer
是否

最小示例

<template>
    <Wrapper>
        <HDrawer v-model="visible" title="测试">
            内容
        </HDrawer>
        <HButton @click="() => toggleVisible()">打开</HButton>
    </Wrapper>
</template>

<script lang="ts" setup>
import { useToggle } from '@vueuse/core'
import Wrapper from '@/components/simple-wrapper.vue'
import HDrawer from '../index.vue'

const [visible, toggleVisible] = useToggle()
</script>

API

参数