用途:el-dialog 是 Element Plus 提供的对话框组件,用于在不离开当前页面的情况下向用户展示信息,适合模态内容、确认对话框、表单弹窗、可拖拽对话框和嵌套对话框等场景。
主要能力:支持模态与非模态(有无遮罩)、自定义宽高与全屏、通过标题栏拖拽、嵌套多层对话框、header/body/footer 插槽自定义内容、自定义过渡动画、水平垂直居中、关闭时销毁 DOM。
使用方式:通过 v-model 控制可见性,常用属性包括 title、width、fullscreen、top、modal、append-to-body、lock-scroll、close-on-click-modal、close-on-press-escape、show-close、before-close、draggable、center、align-center、destroy-on-close、z-index、transition 等;提供 default、header、footer 插槽;事件有 open、opened、close、closed、open-auto-focus、close-auto-focus;暴露 resetPosition 和 handleClose 方法。
限制与注意:组件使用 Teleport,作用域样式可能不生效,需使用全局样式;嵌套对话框应使用 append-to-body;需正确设置 lock-scroll 处理页面滚动。具体版本兼容与安装方式资料未提供。