小程序監聽是否斷網


1.在app.js的onLaunch中添加如下方法:

App({
  onLaunch: function () {
    var that = this;
    wx.onNetworkStatusChange(function (res) {
      if (res.networkType == 'none') {
        that.globalData.nonetwork = true;
      } else {
        that.globalData.nonetwork = false;
      }
    })
  },
  globalData: {
    nonetwork: false,
  }
})

2.在index.wxml頁面監聽當前網絡狀態

.js
 
var app = getApp();
page({
  data: {
    nonetwork: false,
  },
  onShow: function () {
    var that = this;
    that.setData({
      nonetwork: app.globalData.nonetwork,
    })
  },
})
 
.wxml
 
< block wx: if= "{{nonetwork}}" >
  <view>當前網絡不可用,請檢查您的網絡</view>
</block >


 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM