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

export default {

methods: {

},

onShow() {

//监听网络状态变化

uni.onNetworkStatusChange((res)=> {

//当前是否有网络连接 返回true或者false

console.log(res.isConnected);

//网络类型 返回4G 5G wifi

console.log(res.networkType);

});

}

}

直接在 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(); 触发方法重新请求

});

},