在前端开发中，弹出窗口是一项比较常见的功能，我们可以使用JavaScript编写自己的弹出窗口组件，也可以使用npm包中提供的组件，本文介绍的是一个npm包 @auicomponents/confirm。
1. 安装
你可以通过npm安装@auicomponents/confirm包，使用以下命令即可：
npm install @auicomponents/confirm --save
2. 使用
在安装完成后，我们可以在项目中使用该组件。
2.1 引入
import Confirm from '@auicomponents/confirm';
2.2 初始化
-- -------------------- ---- -------
----- ------- - --- ---------
------ -----
-------- ---------------
-------- -----
------------ -----
----- -- -- -
-------------
--
--------- -- -- -
-------------
-
---2.3 显示
confirm.show();
3. API
3.1 options
options是显示弹出窗口时的选项，可选项如下：
title(String) - 弹出窗口的标题，默认值''。message(String) - 弹出窗口的提示信息，默认值''。okLabel(String) - 确定按钮的文本，默认值OK。cancelLabel(String) - 取消按钮的文本，默认值Cancel。onOk(Function) - 点击确定按钮的回调函数，默认值() => {}。onCancel(Function) - 点击取消按钮的回调函数，默认值() => {}。
3.2 方法
show()- 显示弹出窗口。
4. 示例
-- -------------------- ---- -------
------ ------- ---- -------------------------
----- ------- - --- ---------
------ -----
-------- ---------------
-------- -----
------------ -----
----- -- -- -
-----------------------
--
--------- -- -- -
-----------------------
-
---
---------------5. 总结
@auicomponents/confirm是一个使用方便的弹出窗口组件，通过本文的介绍，读者可以快速上手使用该组件，并通过API掌握该组件的相关方法和选项。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005673b81e8991b448e3bf5