JS：监听网络状态，给予用户提示
简介
在网路变化时，如无网络链接、恢复网络链接，给用户一些提示。
具体实现
主要使用到window的两个监听事件
let offline = null
window.addEventListener(online, () => {
offline.close()
offline = null
this.$message({
iconClass: el-icon-success,
showClose: false,
duration: 1000,
offset: 60,
message: 网络连接恢复
})
})
window.addEventListener(offline, () => {
offline = this.$message({
iconClass: el-icon-warning,
showClose: false,
duration: 0,
offset: 60,
message: 网络连接失败
})
})
注意
1. DOM销毁前，销毁"online"与"offline"监听事件
2. 此处的消息提示element-ui的message事件，若想自己写一个消息提示组件，可参考如下两种方式：
（1）方式一： （2）方式二：
最后
觉得有用的朋友请用你的金手指点一下赞，或者评论留言一起探讨技术！
下一篇：
SpringCloud源码解析之Bus