vue push.js簡單使用
阿新 • • 發佈:2021-01-16
技術標籤:vue
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, // 顯示時間
});
}
requireInteraction:false
requireInteraction:true