小程序监听是否断网

匿名 (未验证) 提交于 2019-12-03 00:15:02

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 >
  
 
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!