网站建设硬件预算链接交换平台

背景

标题前提条件：

没有字典接口、或其他原因，需要前端手动维护的情况
示例环境：vue2，其他项目同理

示例

如果项目有某种类别，前端和后端约定好了，某些情况下，需要前端写死时。
比如有字段dangerType对应下列内容：

• 1 表示：一般危险
• 2 表示：非常危险
• 3 表示：未知危险
• 4 表示：可能安全
• 5 表示：确定安全

如果，此时需要写个页面，有搜索、列表、弹框、详情页，都需要显示dangerType值，为了易于维护，，这里可以单独抽离一个枚举类的js，比如/src/utils/enum.js：

export const dangerTypeOptions = [{ value: 1, label: '一般危险' },{ value: 2, label: '非常危险' },{ value: 3, label: '未知危险' },{ value: 4, label: '可能安全' },{ value: 5, label: '确定安全' },
]

然后在页面中直接引用，做搜索下拉，做列表回显、做详情回显，都写单独的回显函数即可，这样，当后面需要修改类型对应的值、或者新增某种类型时，直接在这个枚举文件中添加即可！