小程序监听是否断网

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 >

api文档: https://developers.weixin.qq.com/miniprogram/dev/api/device/network/wx.onNetworkStatusChange.html