vue封装字典接口

1. 在api定义接口调用

DictionaryData.js

import request from '@/utils/request'
//查询字典数据列表

//  根据 dictType 查询字典
export function getDictData(params) {
    
    
    return request({
    
    
        url: '/system/dictData/getDictData',
        method: 'get',
        params
    })
}

2. 在utils/index.js文件下，定义全局的方法

import {
    
     getDictData} from "@/api/DictionaryData"
export function dictionaries(that, key, code) {
    
    
    let params = {
    
    
        dictType: code
    }
    getDictData(params).then(res => {
    
    
        if (res.data) {
    
    
            // that[key] = [{ name: "全部", value: "" }]
            that[key] = [...that[key], ...res.data]
        }

    });
}

3. 在.vue文件进行使用

<script>
import {
    
     dictionaries, businessDictionaries, parseTime } from "@/utils";
export default {
    
    
  data(){
    
    
  jobPositionsList:[],
  },
  created(){
    
    
   let that = this;
    dictionaries(that, "jobPositionsList", "job_positions");
  },
}

//jobPositionsList ，页面全局就可以使用了