uniapp无网络提示

最新推荐文章于 2024-08-13 11:26:09 发布

会说法语的猪

最新推荐文章于 2024-08-13 11:26:09 发布

阅读量2.8k

点赞数

分类专栏： uniapp 前端文章标签： uni-app 前端

本文链接：https://blog.csdn.net/m0_51431448/article/details/130343934

版权

前端同时被 2 个专栏收录

108 篇文章 5 订阅 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

uniapp

16 篇文章 1 订阅

订阅专栏

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

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: &#

了解本专栏