vue中实现JavaScript桌面消息通知（push.js）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue中实现JavaScript桌面消息通知（push.js），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含525字，纯文字阅读大概需要1分钟。

内容图文

依赖库：push.js

npm安装：npm install push.js --save

 

第一步：获取弹出消息的权限

页面：login.vue

代码如下：

import Push from 'push.js'

created(){
    Push.Permission.request();
},

 

第二步：推送桌面通知消息

页面：header.js(或其它使用页面)

代码如下：

import Push from 'push.js'

mounted（）{
    this.pushMessage('消息通知的内容');
},
methods: {

//推送弹框消息
pushMessage(message){
    Push.create("消息通知的标题", {
        body: message,
        requireInteraction: true,
        //icon: '/icon.png',
        timeout: 600000,
    });
},
}

内容总结

以上是互联网集市为您收集整理的vue中实现JavaScript桌面消息通知（push.js）全部内容，希望文章能够帮你解决vue中实现JavaScript桌面消息通知（push.js）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---