在前端开发中，我们经常需要向用户展示各种提示信息，如输入框验证错误、页面加载中等等。本文将介绍一种简单易用的 npm 包 @keegan-stoneware/simple-app-message，它可以方便地实现应用内的提示信息交互。
安装
可以通过 npm 安装 @keegan-stoneware/simple-app-message：
npm install @keegan-stoneware/simple-app-message
使用
引入
在需要使用的页面中，可以使用 import 或 require 引入 @keegan-stoneware/simple-app-message：
import SimpleAppMessage from '@keegan-stoneware/simple-app-message';
const SimpleAppMessage = require('@keegan-stoneware/simple-app-message');实例化
使用 new 操作符实例化 SimpleAppMessage：
const message = new SimpleAppMessage();
显示提示信息
使用 message.show() 方法显示提示信息，参数为一个包含 message 和 type 的对象。message 为显示的提示信息，type 为提示信息的类型，可能的值为 'success'、'info'、'warning'、'error'。
message.show({
message: '操作成功！',
type: 'success'
});隐藏提示信息
使用 message.hide() 方法隐藏当前显示的提示信息。
message.hide();
定时隐藏提示信息
使用 show 方法的第 2 个参数可以设置提示信息的显示时间（单位为毫秒）。当设置了显示时间后，提示信息会自动隐藏。
message.show({
message: '操作成功！',
type: 'success'
}, 2000);示例代码
-- -------------------- ---- ------- ------ ---------------- ---- --------------------------------------- ----- ------- - --- ------------------- -- -------- -------------- -------- -------- ----- --------- --- -- ---------- ------ -------------- -------- -------- ----- ------- -- ------ -- ------ ---------------
总结
通过使用 @keegan-stoneware/simple-app-message，我们可以方便地实现应用内的提示信息交互。同时，它使用简单，具有一定的学习和指导意义。如果您在开发中遇到需要展示提示信息的场景，可以考虑使用 @keegan-stoneware/simple-app-message。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc6967216659e24442a