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

依赖库：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,js,Push,消息,push,页面

来源： https://www.cnblogs.com/yanganglanyu/p/11088536.html