介绍
在前端开发中，弹出框是一个很常见的组件，而 bz-confirm 是一个简单易用的弹出框 npm 包。它提供了一个弹出框组件，并且具有多种参数设置，可以轻松地实现各种需求。
安装
使用 npm 安装：
npm install bz-confirm --save
基本使用
在要使用 bz-confirm 的页面中，引入组件：
import { Confirm } from 'bz-confirm'然后，可以使用如下方式调用 Confirm：
Confirm('提示信息')这将会弹出一个提示框，并显示 提示信息。
参数设置
Confirm 可以接受一个对象作为参数，对象中可以设置多个值，例如：
Confirm({
message: '这是一条提示信息',
title: '提示',
type: 'warning',
showCancelButton: true,
confirmButtonText: '我知道了'
})message
这个属性用于设置弹出框中的提示信息。
Confirm({
message: '这是一条提示信息'
})title
弹出框的标题，可以根据需要进行修改。
Confirm({
message: '这是一条提示信息',
title: '提示'
})type
这个属性用于设置弹出框的类型，可选值有 'info'、'success'、'warning'、'error'。
Confirm({
message: '这是一条提示信息',
title: '提示',
type: 'warning'
})showCancelButton
这个属性用于设置是否显示“取消”按钮。
Confirm({
message: '这是一条提示信息',
title: '提示',
type: 'warning',
showCancelButton: true
})confirmButtonText
确认按钮的文本，可以根据需要进行修改。
Confirm({
message: '这是一条提示信息',
title: '提示',
type: 'warning',
showCancelButton: true,
confirmButtonText: '我知道了'
})事件回调
Confirm 还提供了两个事件回调函数，分别是 onConfirm 和 onCancel。当用户点击“确定”按钮时，onConfirm 函数会被调用，用户点击“取消”按钮时，onCancel 函数会被调用。
-- -------------------- ---- -------
---------
-------- -----------
---------- -- -- -
------------------------
--
--------- -- -- -
------------------------
-
--示例代码
-- -------------------- ---- -------
------ - ------- - ---- ------------
---------
-------- -----------
------ -----
----- ----------
----------------- -----
------------------ -------
---------- -- -- -
------------------------
--
--------- -- -- -
------------------------
-
--总结
通过本文的介绍，我们可以发现，bz-confirm 是一个简单易用的 npm 包，可以方便地在前端项目中使用弹出框组件。在实际使用中，我们可以根据需要设置弹出框的各种参数，可以通过事件回调函数来处理用户的操作行为。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8fccdc64669dde5749