Vue使用 mixin实现 简单获取字典的全局方法

核心代码

1.在 components 目录中 创建 Dict 文件夹
2.在新创建的文件夹中 创建 Dict.js 和 index.js 文件

// Dict.js

import Vue from 'vue'
// 引入自己获取字典的接口
import {
   getDicts } from '@/api/system/dict/data'

export default class Dict {
   
  constructor(dict) {
   
    this.dict = dict
  }

  async init(names, completeCallback) {
   
    if (names === undefined || name === null) {
   
      throw new Error('need Dict names')
    }
    const ps = []
    names.forEach(n => {
   
    // 根据自己的需求可以自定义格式储存，一般只保留 Vue.set(this.dict, n, []) 就可以，下面与上面对应
      Vue.set(this.dict.dict, n, {
   })