vue push.js简单使用

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

你可能感兴趣的:(vue)