//直接放入App.vue 的 onShow 函数中即可
onShow: function() {
console.log('App Show')
/// 获取网络类型
uni.getNetworkType({
success: function(res) {
console.log(res.networkType);
if(res.networkType != 'wifi' && res.networkType != 'none') {
uni.showToast({
title: '正在使用流量!',
position: 'center'
})
}else if(res.networkType == 'wifi') {
uni.showToast({
title: '正在使用wifi!',
position: 'center'
})
}else if(res.networkType == 'none') {
uni.showToast({
title: '未获取到网络状态,请联网后重试!',
position: 'center'
})
}
}
});
/// 监听网络状态变化
uni.onNetworkStatusChange(function(res) {
console.log(res.networkType);
if(res.networkType != 'wifi' && res.networkType != 'none') {
uni.showToast({
title: '正在使用流量!',
position: 'center'
})
}else if(res.networkType == 'wifi') {
uni.showToast({
title: '正在使用wifi!',
position: 'center'
})
}else if(res.networkType == 'none') {
uni.showToast({
title: '未获取到网络状态,请联网后重试!',
position: 'center'
})
}
});
},
uniapp 监听网络变化并提示用户
于 2022-10-22 19:36:03 首次发布
这段代码在App.vue的onShow函数中实现,用于检测网络类型,并根据网络状态显示不同的提示信息。当网络不是WiFi且非离线时,会显示流量使用提醒;如果是WiFi,则显示相应提示;若无网络连接,会提示用户联网后再试。同时,代码还监听了网络状态的变化,实时更新提示。
摘要由CSDN通过智能技术生成