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();
},
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

友情链接更多精彩内容