Skip to content

useDialog

  • Last Changed: 2023-09-20

  • 基于对 Element-ui 的 dialog 命令式封装的 hooks,useDialog将组件作为参数传入,保持 组件的编写习惯不变。并且useDialog遵循单一职责原则,只做好组件的挂载和卸载工作,提供足够的兼容性。

  • 使用 useDialog,弹窗组件需要遵守两个约定:

  • 1.弹窗组件的 props 需要有一个名为 visible 的属性,用于驱动弹窗的打开和关闭。

  • 2.弹窗组件需要 emit 一个事件,用于弹窗关闭时处理命令式弹窗。

代码演示

基础用法

子组件代码

弹窗组件代码

代码演示

Params

参数说明类型默认值