vue 得到枚举个数_vue项目中枚举值统一维护管理

由于多页面有时需要共同的表单枚举选择，页面以及table需要显示枚举值label以及有时需要根据枚举值判断，故个人使用如下枚举方式进行统一管理。

在common或者个人模块下创建单独枚举js,如enums.js。然后导入@/common/Enum.js并添加一个字面量对象。

// 落户任务状态

settleTaskStatusEnum: new Enum().add('ALL', '全部', null)

.add('SETTLE', '待落户', 0)

.add('SETTLED', '已落户', 1)

.add('CANCEL', '已取消', 2)

如需要表单选择可如下使用：

:key="item.value" :value="item.value" :label="item.label">

效果如：

表单选择

如需页面以及table显示枚举lable可如下使用：

//可以避免为每个枚举值进行判断后，再取其label，后端返回taskStaus:1

{ { switch(scope.row.taskStatus) case 0:... case 1... case 2.... }}

{ { enums.settleTaskStatusEnum.getLabelByValue(scope.row.taskStatus) }}

效果如：