开发文档
组件列表 (Beta)
对话框

对话框组件

对话框组件用于弹出一个对话框,用户可以进行一些操作。

示例

见:https://demo.umodoc.com/components?lang=zh-CN

使用方法

<template>
<button @click="openDialog">打开对话框</button>
 
<umo-dialog
  :visible="visible"
  header="这是一个对话框组件"
  width="560px"
  @confirm="onConfirm"
  @close="onClose"
>
  <div>这里放置要显示的内容</div>
</umo-dialog>
</template>
 
<script setup>
import { ref } from 'vue'
import { UmoDialog } from '@umoteam/editor'
 
const visible = ref(false)
 
const openDialog = () => {
  visible.value = true
}
const onConfirm = () => {
  visible.value = false
}
const onClose = () => {
  visible.value = false
}
</script>

属性(Props)

visible

说明:是否显示对话框

类型Boolean

默认值false

其他

Umo Editor 对话框基于 TDesign Vue Next 的Dialog 组件进行二次封装,支持绝大部分 TDesign Vue Next 的 Dialog 组件的属性。

插槽(Slots)

default

说明:对话框内容

事件(Events)

Umo Editor 对话框基于 TDesign Vue Next 的Dialog 组件进行二次封装,支持绝大部分 TDesign Vue Next 的 Dialog 组件的方法。

函数式调用

详细使用方法,请参考:消息提醒