uniapp无网络提示

在项目中，网络不好或者断网的时候，可能中间会出现个黑点，影响美观，且没有提示，也影响用户的使用。所以我们得获取一下当前的网络状态，在没有网络的时候给与用户提示会更好一些。

uniapp官网也提供了对应的方法：uni.getNetworkType(OBJECT)

这里将其封装为公共的方法，然后在 App.vue 中的onShow方法中调用，这样在app的每个页面都可以获取到网络状态

function isHaveNetwork() {uni.getNetworkType({success: res => {if (res.networkType == 'none') {uni.showModal({title: '网络不给力~',content: '是否重新连接',showCancel: true,confirmText: '是',cancelText: '不了',success: res => {if (res.confirm) {setTimeout(() => {isHaveNetwork()   //再次判断}, 200)}}});}},fail: err => console.error('调用失败'),complete: () => { }})
}

其中 networkType 可能获取到的值：

networkType 有效值

值	说明	平台差异说明
wifi	wifi 网络
2g	2g 网络
3g	3g 网络
4g	4g 网络
5g	5g 网络
ethernet	有线网络	App
unknown	Android 下不常见的网络类型
none	无网络

其他细节请参考官网，上面已贴。

然后App.vue调用上面方法

onShow: function() {console.log('App Show')this.$utils.isHaveNetwork() // 获取当前网络状态
}

当然这个不是监听网络状态，而是写在了全局App.vue中的onShow方法中，也就是刚显示进入页面的时候会去获取当前的网络状态。如果想要时刻监听的话，也有对应的方法：uni.onNetworkStatusChange(CALLBACK)，然后通过uni.offNetworkStatusChange(CALLBACK)取消监听，具体细节可以去官网看下咯~

uniapp无网络提示相关推荐

win7 计算机名称 ip6,Win7系统提示ipv6无网络访问权限的两种原因及解决方法
Win7系统提示ipv6无网络访问权限,导致无法上网,这该如何解决呢?ipv6无网络访问权限的原因有很多种,针对此问题,下面脚本之家的教大家解决ipv6无网络访问权限的问题,大家一起来看看吧. 故障原 ...
网络上的计算机无权限访问权限,电脑连不上网，提示无网络访问权限怎么办？...
原标题:电脑连不上网,提示无网络访问权限怎么办? 网络提示无网络访问权限该如何解决?这是前几天一位网友问云骑士的问题,下面就与大家一起分享. 电脑连不上网,提示无网络访问权限的解决办法: 方法一:诊断 ...
微信小程序校验网络连接是否正常，无网络时给出提示
检查网络是否连接注意:由于getNetworkType是异步的,正常逻辑是判断出来网络类型后在相应的网络下做不同的操作,但业务逻辑复杂代码较多时,会造成代码结构混乱,不易阅读,所以简单用promis ...
升级鸿蒙系统无法连接服务器,升级到鸿蒙系统后经常提示当前无网络，请检查后重试的说明...
问题:自从升级到了鸿蒙系统之后,在看抖音时经常会出现提示"当前无网络,请检查后重试",WIFI已经确认过了,无任何问题,该如何处理? 问题追加: 要么出现如下图提示: 要么出现如下 ...
华为mate30老是显示无法连接服务器,华为mate30pro应用提示无网络连接如何解决
华为mate30pro应用提示无网络连接如何解决,很多同学都不是很了解,下面iefans小编整理了解决应用提示无网络连接的方法讲解.希望能够解决各位用户的问题! 华为mate30pro应用提示无网络连 ...
打印机扫描时提示无网络连接
打印机扫描时提示无网络连接解决: 登录共享打印机的服务器,重启ftp服务器. 转载于:https://www.cnblogs.com/fanxuanhui-linux/p/6242974.html
托利多bcom怎么查看连接网络_遇到手机APP提示无网络连接，应该怎么办？
是不是有时候打开某些app后会提示"无网络连接"或者"当前网络不可用"提示,但是此提示很快会自己消失或者手动刷新后消失.怀疑过网络问题?手机问题?~~~ 想必有 ...
计算机安全性无效无法连接到网络,图文研习windows10系统连接网络提示无法连接到此网络错误的方法?...
图文研习windows10系统连接网络提示无法连接到此网络错误的方法? 近期有windows10系统网友到本站咨询说碰到这样一个问题,就是要连接网络的时候,提示无法连接到此网络错误,导致无法连接到in ...
连接fiddler后手机无法显示无网络
升级了fiddler到4.6版本,手机设置代理后提示无网络,试试以下解决方法: 1.fiddler升级后对应的.net framework也要升级,安装最新的.net framework 4.6,升级 ...

uniapp无网络提示

uniapp无网络提示相关推荐

最新文章

热门文章