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