Vue 使用常量一定要用这个插件 vue-enum

1.安装及初始化方法

目前vue-enum2.0为适配vue3.0的版本，如需vue2.x的项目使用，请安装1.05版本

1.安装: npm install vue-enum @1.0.5

2.定义枚举格式

let enumInfo = {
    SOURCE_IN_TYPE: {
        PURCHASE_IN: {
            value: 1,
            desc: '采购入库'
        },
        REFUND_IN: {
            value: 2,
            desc: '退货入库'
        },
        CHECK_IN: {
            value: 3,
            desc: '盘点入库'
        },
        CONFIRM_IN: {
            value: 4,
            desc: '取消订单入库'
        }
    }
}

3.import Enum from ‘vue-enum’

4.Vue.use(Enum,{enumInfo})

2.使用方法

目前插件提供三个方法

可在全局使用this.$enum.getDescByValue()、this.$enum.getValueDescList() 、getValueDesc() 调用

根据枚举值获取描述 示例：

在表格渲染时经常遇到需要将状态转换成描述的情况,此时可以使用

params.row.sourceType=1
this.$enum.getDescByValue('SOURCE_IN_TYPE', params.row.sourceType)) //采购入库

下拉菜单经常需要使用键值对来渲染select的option [{value:desc}]

let sourceTypeList =this.$enum.getValueDescList('SOURCE_IN_TYPE')  
//[    
    {value: 1, desc: "采购入库"},
    {value: 2, desc: "退货入库"},
    {value: 3, desc: "盘点入库"},
    {value: 4, desc: "取消订单入库"}
   ]

   <Select>
       <Option
           v-for="(item,index) in sourceTypeList"
           :value="item.value"
           :key="index"
       >{{item.desc}}</Option>
   </Select>
 

根据枚举名获取对应的value描述键值对{value:desc}