vue监听网络状态改变

1.主要思路是用HTML5中的window.navigator对象的一个属性onLine 先在data中声明onLine: navigator.onLine,然后在你要触发的事件中加上window.addEventListener(online, function () {alert(网络连接恢复);});win...

1.主要思路是用HTML5中的window.navigator对象的一个属性onLine
先在data中声明onLine: navigator.onLine,然后在你要触发的事件中加上

      window.addEventListener("online", function () {
        alert("网络连接恢复");
      });
      window.addEventListener("offline", function () {
         alert("网络连接出错");
      });

最后别忘了在销毁的时候清除监听

    window.removeEventListener("online");
    window.removeEventListener("offline");

本文标题为:vue监听网络状态改变

基础教程推荐