vue 刷新和关闭浏览器时显示提示信息
使用onbeforeunload事件
mounted() {
window.onbeforeunload = e => {
e = e || window.event
if (e) {
e.returnValue = '关闭提示'
}
return '关闭提示'
}
}
},
beforeDestroy() {
window.onbeforeunload = null
},
如果是所有页面都需要页面销毁显示提示信息则不用卸载
注意点:
- 当页面没有操作直接刷新时,不会有提示信息,页面发生操作时候再关闭或者刷新才有提示信息
- 从Firefox 4、 Chrome 51、Opera 38 和Safari 9.1开始,不再支持使用returnValue自定义提示信息,默认显示默认的提示信息