【vue】vue项目中添加枚举

添加文件,文件名为enum.js
文件内容:

//使用方法
/**
 * 获取枚举值:STATUSMAP.SH
 * 获取枚举描述:STATUSMAP.getDesc('SH')
 * 通过枚举值获取描述:STATUSMAP.getDescFromValue('TG')
 */

let STATUSMAP = createEnum({
  SH: [0, '审核中'],
  TG: [1, '审核通过'],
});

function createEnum(definition) {
  const valueMap = {};
  const descMap = {};
  for (const key of Object.keys(definition)) {
    const [value, desc] = definition[key];
    valueMap[key] = value;
    descMap[value] = desc;
  }
  return {
    ...valueMap,
    getDesc(key) {
      return (definition[key] && definition[key][1]) || '无';
    },
    getDescFromValue(value) {
      return descMap[value] || '无';
    }
  }
}

export default STATUSMAP;

在vue文件中引用

import STATUSMAP from "@/enum";

使用方法
在js中使用
//获取枚举值:
STATUSMAP.SH
//获取枚举描述:
STATUSMAP.getDesc(‘SH’)
//通过枚举值获取描述:
STATUSMAP.getDescFromValue(‘TG’)

你可能感兴趣的:(vue开发实践总结,vue.js,javascript,前端)