TypeScript 常用代码块

作者：青柚1943

2023-04-08
湖南
本文字数：402 字
阅读完需：约 1 分钟

1 枚举及枚举转换

在 Vue TypeScript 中，将枚举类型转换为中文的一种常见方式是使用对象映射。你可以创建一个对象，其中键是枚举值，值是对应的中文字符串。在模板中，你可以使用过滤器（filter）将枚举类型转换为中文字符串。

以下是一个示例代码：

enum Color {  Red = 1,  Green = 2,  Blue = 3}
const colorMap = {  [Color.Red]: '红色',  [Color.Green]: '绿色',  [Color.Blue]: '蓝色'};
export default {  filters: {    colorName(color: Color): string {      return colorMap[color] || '';    }  },  // ...}

复制代码

在模板中，你可以使用以下方式将枚举值转换为中文字符串：

<div>{{ color | colorName }}</div>

复制代码

当 color 的值为 Color.Red 时，将显示 红色。

关于这个问题，我找到了一些参考链接，供参考：

发布于: 刚刚阅读数: 4

青柚1943

关注

生命不息，代码不止。 2020-08-04 加入

老街坊，小弄堂，是属于那年代白墙黑瓦的淡淡的忧伤。

发布

暂无评论

创作场景

TypeScript 常用代码块

1 枚举及枚举转换

青柚1943

评论