一、 监听网络状态 断网提示

1、新建JS文件，自己起名 代码：

// 网络监听

const NetWork = {

// 网络状态

isConnect:false,

// 监听网络状态

On(){

// 获取当前网络状态

uni.getNetworkType({

success: (res) => {

if(res.networkType!=='none'){ this.isConnect=true; return;}

uni.showToast({

icon:"none",

title: '请先连接网络',

});

}

})

// 监听网络状态变化

uni.onNetworkStatusChange((res)=>{

this.isConnect = res.isConnected;

if(!res.isConnected){

uni.showToast({

icon:"none",

title: '当前网络已断开',

duration:5000

});

}

})

}

}

export default {

NetWork

}

2、main.js中引入并挂载

import lib from "./common/lib.js"

Vue.prototype.lib=lib

const app = new Vue({

    ...App,

    lib

})

3、使用（这里我实在APP.vue全局中使用的）

onLaunch: function() {

console.log('App Launch')

// #ifdef APP-PLUS

// 锁定屏幕方向

plus.screen.lockOrientation('landscape-primary');

//plus.screen.lockOrientation('landscape-secondary');

// #endif

// 网络监听（用户目前断网，切换wifi）

this.lib.NetWork.On();

},