0.1.4 • Published 2 years ago
common-tool1 v0.1.4
已实现功能
- http模块封装了axios,方便快速生成请求服务
- directive模块封装一些业务指令
- util模块封装了一些业务方法
使用步骤
// 安装
npm i common-tool1
// 引用
import { http, util, directive } from 'common-tool1'
// 使用
1. 网络请求
// 只传baseURL
const baseURl = ''
const {commonApi, uploadApi, formApi} = http.quickCreateService(baseURl, {handleRequest, handleResponse, handleError})
// 自定义其它配置项,但是baseURL必须传
const options = { // axios的其它配置
baseURl,
...
}
const {commonApi, uploadApi, formApi} = http.quickCreateService(options, {handleRequest, handleResponse, handleError})
commonApi.get('/url/...', {name: ''}) // 示例
commonApi.post('/url/...', {name: ''})
2. el-select 扩展指令
<el-select
multiple
v-uncandelete="[name]"
v-ondelete="callback"
...
>
<el-option
...
</el-option>
</el-select>
3. 获取css变量的渲染颜色值
this.bigdataosfont2 = util.getColorFromCss("--bigdataos-font-2");
函数定义
方法名 | 入参 | 出参 | 说明 |
---|---|---|---|
quickCreateService | optionsParam:Object axios配置;或者传递baseURL:String,handleRequestParam:Function 请求拦截,handleResponseParam:Function 响应拦截,handleErrorParam:Function 错误拦截 | {commonApi:Object,uploadApi:Object,formApi:Object} 返回三种请求服务,普通json请求,上传文件请求,form表单格式请求 | 快速生成请求对象,注:如不满足需求可参考quickCreateService代码,自行封装 |
ondelete | callback:Function 删除tag时的回调 | - | 扩展el-select多选,提供tag删除的回调 |
uncanDelete | arr:String[] 不可被删除的tag名字 | - | 扩展el-select多选,提供禁止删除的名单 |
getColorFromCss | cssVariableName:String css变量名 | String 返回 | 获取根据css变量渲染的实际颜色值 |