uni-app 监听网络状态变化(即时监听)

这个是用于uni-app uni.onNetworkStatusChange方法,只要在 onShow() 方法监听即可。

<script>
    export default {
        methods: {

        },
        onShow() {
            //监听网络状态变化
            uni.onNetworkStatusChange((res)=> {
                //当前是否有网络连接 返回true或者false
                console.log(res.isConnected);
                //网络类型 返回4G 5G wifi
                console.log(res.networkType);
            });
        }
    }
</script>

直接在 onShow() 方法里写 uni.onNetworkStatusChange 即可,小编写了一个案例

案例

onShow() {
    //监听网络状态变化
    uni.onNetworkStatusChange((res)=> {
        if(!res.isConnected){
            //文字提示
            uni.showToast({
                title: '网络不流畅,请稍后再试',
                duration: 2000,
                icon:'none',
                position:'bottom'
            });
            //等待转圈提示
            uni.showLoading({
                title: '网络不流畅,请稍后再试',
                mask:true
            });
            retrue false;
        }

        //结束等待转圈提示
        setTimeout(() => {
            uni.hideLoading();
        }, 1000);
        //下面可以写触发方法
        //如: this.dongtai();  触发方法重新请求
    });
},
本站资源除特别声明外,转载文章请声明文章出处
东泰博客 » uni-app 监听网络状态变化(即时监听)

发表评论