dialog 弹窗

弹窗组件，API与 element-plus 一致，可直接使用element-plus el-dialog 中所有的属性。

基本使用

false

Demo弹窗

footer

<template>
  <div>
    <el-button type="text" @click="dialogVisible = true">打开对话框</el-button>
    {{dialogVisible}}
    <ha-dialog v-model="dialogVisible" title="Demo弹窗" :close-on-click-modal="false">
      <div>Hello World</div>
      <template #footer>
        <div>footer</div>
      </template>
    </ha-dialog>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const dialogVisible = ref(false)
</script>

<style scoped lang="scss">
</style>

显示代码复制代码复制代码

组件 API

Attributes 属性

参数	说明	类型	可选值	默认值

Methods 方法

方法名	说明	参数	返回值

Events 事件

事件名	说明	参数	返回值

Slots 插槽

插槽名	说明	参数