uni-app新建工具类并调用

蔚落 2024-03-30 16:59 51阅读 0赞

1、创建工具类的目录及其对应js文件，我在根目录下创建了common-utils-HttpUtil.js

![1df28dcfc26b6d2b2ac2f8817e915912.png][]

2、在 HttpUtil.js文件中添加一个工具类方法如：isNetworkAvailable()

export default {
        //判断网络是否可用
        isNetworkAvailable: function(callback) {
            uni.getNetworkType({
            	 success: function (res) {
                    let networkType = res.networkType;
            		console.log(res.networkType);
                    callback.success(networkType != 'none');
            	}
            });
        }
    }

3、在根目录main.js中将HttpUtil 挂载到uni上

import HttpUtil from '@/common/utils/HttpUtil.js';
    uni.$HttpUtil = HttpUtil;

4、在需要使用的地方进行调用即可：

//检查网络是否可用
    uni.$HttpUtil.isNetworkAvailable({
        success: function(isNetworkAvailable) {
            console.log('doLogin isNetworkAvailable = ' + isNetworkAvailable);
        }
    });

5、调用成功，日志打印

![d385c19e29e1e140ee96b9267728db5e.png][]

[1df28dcfc26b6d2b2ac2f8817e915912.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/8e7996e118a9419890b3433fd7b28765.png
[d385c19e29e1e140ee96b9267728db5e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/0a5c927efb8c440fb74cd485fa56bc48.png

发表评论取消回复

表情：

评论列表（有 0 条评论，51人围观）

还没有评论，来说两句吧...

相关阅读

相关 uni-app新建工具类并调用

1、创建工具类的目录及其对应js文件，我在根目录下创建了common-utils-HttpUtil.js ![1df28dcfc26b6d2b2ac2f8817e915912

蔚落/ 2024年03月30日 16:59/ 0 赞/ 52 阅读

相关 Java 调用命令工具类

MyCmdUtil.java import lombok.extern.slf4j.Slf4j; import java.io.BufferedRe

刺骨的言语ヽ痛彻心扉/ 2023年10月13日 12:09/ 0 赞/ 24 阅读

相关使用axis调用WebService，Java WebService调用工具类

文章目录 WebService 简介概述使用 axis 调用 WebService 引入依赖

左手的ㄟ右手/ 2023年09月28日 13:01/ 0 赞/ 174 阅读

相关微信开发者工具新建页面并展示

一、新建小程序页面： 1.打开微信开发者工具—》2.右键选择pages新建文件—》3.在新建好的文件夹右键选择新建Page。到此，就已经新建好了一个新的页面。二、展

深碍√TFBOYSˉ_/ 2022年11月22日 10:13/ 0 赞/ 65 阅读

相关 uniapp 图片转base64，并抽离成工具类

自己写 export const urlTobase64 = (url) => { return new Promise((resolve, rej

淩亂°似流年/ 2022年11月22日 05:22/ 0 赞/ 150 阅读

相关 uniapp操作蓝牙工具类

上代代码蓝牙类 import { storage, keys } from '../utils/js/storage.js'

爱被打了一巴掌/ 2022年11月01日 05:42/ 0 赞/ 327 阅读

相关 Velocity 把工具类返回到前端并调用工具类方法

Velocity 把工具类返回到前端并调用工具类方法,本例是转换date类型 1.java代码： Map<String, Object> interview

忘是亡心i/ 2022年06月14日 01:22/ 0 赞/ 182 阅读

相关 MySQL：图形工具navicat新建数据库并导入sql文件

> navicat for mysql10.0.1 1、新建数据库 ![在这里插入图片描述][20190110112033759.png] ![在这里插入图片描述][

红太狼/ 2022年04月11日 11:45/ 0 赞/ 343 阅读

相关工具类之----java调用shell脚本的工具ProcessTool类

在项目上，因为是管理资源（就是管理所有的机器），那么肯定会定义好许多的脚本（shell命令），通过java调用呢必须使用了一个工具类。如下 1、ProcessTool工具类

╰+攻爆jí腚メ/ 2021年09月21日 02:28/ 0 赞/ 564 阅读

相关 uniapp 新建页面和页面配置

1、在pages目录中新建.vue文件 2、在pages.json中->pages数组内 { "path":"不加后缀的文件路径",

小灰灰/ 2021年07月24日 23:28/ 0 赞/ 829 阅读