使用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)