common-tool1

    0.1.4 • Public • Published

    已实现功能

    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变量渲染的实际颜色值

    Keywords

    none

    Install

    npm i common-tool1

    DownloadsWeekly Downloads

    140

    Version

    0.1.4

    License

    none

    Unpacked Size

    23.4 kB

    Total Files

    18

    Last publish

    Collaborators

    • woyangv