common-tool1
v0.1.4
Published
1. http模块封装了axios,方便快速生成请求服务 2. directive模块封装一些业务指令 3. util模块封装了一些业务方法
Readme
已实现功能
- 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变量渲染的实际颜色值|
