1. 程式人生 > 其它 >vue push.js簡單使用

vue push.js簡單使用

技術標籤:vue

push官網:https://pushjs.org/

  1. npm安裝push.js
	npm install push.js --save
  1. 引入push.js,獲取push許可權
import Push from 'push.js'
...
created () {
    Push.Permission.request();
},
  1. 推送訊息
showPush () {
   Push.create("訊息通知的標題", {
        body: '訊息通知的內容',
        requireInteraction: true, // 是否顯示關閉、設定按鈕
        icon: 'static/img/logo.png'
, // 右側圖示,也可以是png url timeout: 30000, // 顯示時間 }); }

requireInteraction:false
requireInteraction:false
requireInteraction:true
requireInteraction:true