前置知识
- Node.js 环境
- npm 包管理器
oce-message 简介
oce-message 是一个适用于 Web 前端开发的消息提示组件。它支持 toast、alert、confirm 三种类型的提示，可以定制标题、内容、按钮文字等属性。
安装
在终端中进入项目目录，运行以下命令进行安装：
npm install oce-message --save
上述命令将会将 oce-message 安装到项目依赖中。
使用
在需要使用 oce-message 的文件中引入：
import OceMessage from 'oce-message';
接下来就可以使用 OceMessage 来创建你需要的消息提示了。
toast 类型
OceMessage.toast('这是一个 toast 提示');alert 类型
-- -------------------- ---- ------- ---------------------- ----- ---- - ------ ----- ------------------ ----- ----------------- ---- ---------- -- - ------------------------- ----------- -- - ----------------------- ---
confirm 类型
-- -------------------- ---- ------- ------------------------ ------- ---- - ------ ----- ------------------ ----- ----------------- ---- ---------- -- - ------------------------- ----------- -- - ----------------------- ---
以上代码演示了如何创建 toast、alert、confirm 三种类型的消息提示，不同类型间的区别在于调用的方法名不同，并且 alert 和 confirm 可以接受一个对象作为额外的参数配置相关属性。
配置
alert 和 confirm 方法可以接受一个对象作为配置，以便开发者可以自定义标题、按钮文字等。
配置项
title: 提示框标题，默认值：''confirmButtonText: 确认按钮文字，默认值：'确定'cancelButtonText: 取消按钮文字，默认值：'取消'confirmButtonClass: 确认按钮类名，默认值：''cancelButtonClass: 取消按钮类名，默认值：''
示例
-- -------------------- ---- ------- ---------------------- ----- ---- - ------ ----- ------------------ ----- ----------------- ----- ------------------- -------------------- ------------------ ------------------ ---------- -- - ------------------------- ----------- -- - ----------------------- ---
总结
通过本文，我们了解了 oce-message 的基本使用方法，以及如何进行配置以满足不同开发需求。在实际的开发中，我们可以使用 oce-message 来方便地显示各种类型的提示信息，提高用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672673660cf7123b36573