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,
    });
},
}