vue push.js简单使用

最新推荐文章于 2024-08-15 09:30:07 发布

sunshine8月

最新推荐文章于 2024-08-15 09:30:07 发布

阅读量1.4k

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/u010219889/article/details/112679175

版权

本文介绍了如何通过npm安装和引入push.js库，请求浏览器的推送权限，并展示如何创建带有不同选项的消息通知，包括设置消息标题、正文、图标、显示时间和是否显示关闭及设置按钮。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

push官网：https://pushjs.org/

npm安装push.js

	npm install push.js --save

引入push.js，获取push权限

import Push from 'push.js'
...
created () {
    Push.Permission.request();
},

推送消息

showPush () {
   Push.create("消息通知的标题", {
        body: '消息通知的内容',
        requireInteraction: true, // 是否显示关闭、设置按钮
        icon: 'static/img/logo.png', // 右侧图标，也可以是png url
        timeout: 30000, // 显示时间
  });
}