小程序监听是否断网


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