JSTool tmui.design

JS工具库 v3.0.5+

🎉 如何调用

在全局任意位置均可调用，部分方法需要你导入相关包（主要是为了包大小考虑）
为什么在uni中是$tm而在上下文中使用tm。因为$tm在上下文里被系统使用了

在vue或者nvue页面中调用

vue

<script lang="ts" setup>
import {getCurrentInstance} from "vue"
const {proxy} = getCurrentInstance();

//可以在任意js中调用
uni.$tm.fetch.get(url) //访问网络请求
//只在本上下文件中可以用如下：
proxy.tm.fetch.get(url)

</script>

🎉 参数说明

请求返回的数据类型：

type fetchConfigResponseType= "arraybuffer"|"text";

请求的数据类型fetchConfigDataType：

type fetchConfigDataType = "json"|"text";

合法请求类型fetchConfigMethod如下：

type fetchConfigMethod= "GET"|"POST"|"PUT"|"DELETE"|"CONNECT"|"HEAD"|"OPTIONS"|"TRACE";

请求中的fetchConfig类型如下：

interface fetchConfig {
    url?:string,
    data?:object|string|ArrayBuffer,
	/** 定义成功的服务器返回的状态码成功的标志 */
	statusCode?:number,
    header?:object,
    method?:fetchConfigMethod,
    timeout?:number,
    dataType?:fetchConfigDataType,
    responseType?:fetchConfigResponseType,
    sslVerify?:boolean,
    withCredentials?:boolean,
    firstIpv4?:boolean,
    success?:Function,
    fail?:Function,
    complete?:Function
}

请求成功后,success(result),其中result结构：

interface fetchConfigSuccessType{
    data:object|string|ArrayBuffer,
    statusCode:number,
    header:object,
    cookies:Array<string>
}

🎉 GET请求

uni.$tm.fetch.get(url:string,data:object={},opts:fetchConfig={})

🎉 POST请求

uni.$tm.fetch.post(url:string,data:object={},opts:fetchConfig={})

🎉 自定义请求

request为自定义访问请求。

uni.$tm.fetch.request(cog:fetchConfig = config,beforeFun?:Function,afterFun?:Function,complete?:Function)

其中beforeFun：访问请求前执行的勾子函数。可以是Promise<fetchConfig>，请一定要返回一个请求配置，可以直接返回 {},也可以返回false，将阻止请求。这里的作用，主要是用来请求前的一些参数配置。

beforeFun(cog:fetchConfig)

afterFun:请求链接成功statusCode==200,的情况下。立即执行的勾子函数。可以是Promise<fetchConfigSuccessType>,可以直接返回 {}。这里的作用，主要是用来对返回的结果数据进行修改。如果不修改请直接返回{}。

afterFun(result:fetchConfigSuccessType)

complete：请求完成后执行。

complete(result:fetchConfigSuccessType)

JSTool tmui.design ​

JS工具库 v3.0.5+ ​

🎉 如何调用 ​

🎉 参数说明 ​

🎉 GET请求 ​

🎉 POST请求 ​

🎉 自定义请求 ​