桌面弹框(当网站最小化时,有通知时屏幕右下角显示提示框)

使用Web API notification

请求授权

首先,用户需要向当前来源授予显示系统通知的权限,通常使用该Notification.requestPermission()方法在应用或网站初始化时完成此操作应响应用户手势(例如单击按钮)来完成此操作,例如:

btn.addEventListener('click', function() {
  let promise = Notification.requestPermission();
  // wait for permission
})

vue中只需要在main.js中添加代码如下:

Notification.requestPermission().then(res => {});

发送通知

let notification = new Notification(title, options)
原文地址:https://www.cnblogs.com/zhangyezi/p/14314381.html