Confirm 确认
一般用于用户 敏感行为 的二次确认,例如删除等操作。
TIP
该弹出层支持 Promise 风格 调用,具体可以查看 获取用户确认结果。
基础使用
调用 confirm 方法并传入一段文本可以弹出一个确认框,在屏幕居中显示。
获取用户确认结果
该方法返回一个 Promise<boolean> 对象,当用户点击确认按钮时,会执行 resolve(true) 方法,当用户点击取消按钮时,会执行 resolve(false) 方法,因此可以通过 await 来获取用户确认结果。
自定义标题文本
可以通过 title 选项来自定义确认框的标题文本。
启用标题栏关闭按钮
和其他弹出层不同,确认框默认 不启用 标题栏关闭按钮的,因为需要引导用户做出明确的选择,避免用户误操作关闭确认框。
使用 headerClose 选项可以启用标题栏关闭按钮,当用户点击关闭按钮时,该行为和点击取消按钮保持一致,即在内部执行 resolve(false) 方法。
自定义确认按钮文本
可以通过 confirmText 选项来自定义确认按钮的文本。
自定义取消按钮文本
可以通过 cancelText 选项来自定义取消按钮的文本。
禁用遮罩层高斯模糊
为了提升用户关注度,该弹出层使用了 高斯模糊 背景遮罩,可以通过 maskBlur 选项来禁用遮罩层的高斯模糊效果。
启用窗口拖拽功能
可以通过 draggable 选项来启用窗口的拖拽功能,开启后允许拖拽标题栏从而实现窗口的移动。
默认情况下,拖拽时无法超出屏幕范围,可通过 dragOverflow 选项来设置是否允许超出。
详细配置
具体可以参考 API 控制器实例 popup.confirm()。