uniapp 安卓端实时监听网络状态

最新推荐文章于 2024-07-26 09:42:56 发布

sinat_38652543

最新推荐文章于 2024-07-26 09:42:56 发布

阅读量2.7k

点赞数 2

本文链接：https://blog.csdn.net/sinat_38652543/article/details/128837135

版权

uniapp 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在uniapp的APP.vue文件中，使用onShow方法监听网络状态变化。当网络恢复时，显示提示信息；当无网络或网络较差时，弹出模态框，用户确认后重新启动应用或跳转至登录页面。在H5环境下使用navigateTo跳转，而在APP-PLUS环境下使用plus.runtime.quit退出应用。

摘要由CSDN通过智能技术生成

写在uniapp的APP.vue的onShow方法中

uni.onNetworkStatusChange(function(res) {
               if (res.isConnected) {
                   uni.showModal({
                       title: '系统提示',
                       content: '当前设备网络已恢复',
                       showCancel: false,
                       confirmText: '知道了'
                   })
               } else {
                   uni.showModal({
                       title: '系统提示',
                       content: '当前设备无网络或网络较差',
                       cancelText: '取消',
                       confirmText: '确定',
                       success: (res) => {
                           if (res.confirm) {
                               uni.reLaunch({
                                   url:'/pages/index/index'
                               })
                           } else {
                               // #ifdef H5
                               uni.navigateTo({
                                   url:'/pages/index/login'
                               })
                               // #endif
                               // #ifdef APP-PLUS
                               plus.runtime.quit()
                               // #endif
                           }
                       }
                   })
               }