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