common-tool1

已实现功能

1. http模块封装了axios，方便快速生成请求服务
2. directive模块封装一些业务指令
3. 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变量渲染的实际颜色值