uni-app 全局方法封装 接 2021.08.29

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

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 netWork from "./common/自己命名的.js"
Vue.prototype.lib = netWork

const app = new Vue({
    ...App,
    lib
})

3、使用（这里我实在APP.vue全局中使用的）
onLaunch: function() {
// #ifdef APP-PLUS
// 锁定屏幕方向
plus.screen.lockOrientation('landscape-primary');
//plus.screen.lockOrientation('landscape-secondary');
// #endif
// 网络监听（用户目前断网，切换wifi）
this.lib.NetWork.On();
},