vue3+ts+vite enum keyof typeof a-table columns 里的使用 第十回

?

1 2 3 4 5 6

export enum Roles{     SuperAdmin='超级管理员',     Admin='管理员',     Other='其它',     ... }

　　首先看一个基本的枚举类的定义，是的，做过后端的道友一看就知，在我们实际开发里，枚举一直是比较常用的类型，但是如何在TS里拿到枚举的值，就需要额外的学习一下了。

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13

import  {Roles} from '....'   // 定义一个Type ，获取一个变量的类型并且能够用它声明新的变量 type SytemRole= keyof typeof Roles;  //  type SytemRole = "SuperAdmin" | "Admin" | "Other"     这样，在我们使用a-table里就能愉快的使用了 const columns = [   { title: 'juese', dataIndex: 'role', customRender: ({ text }: { text: SytemRole}) => Roles[text] },   ..... ];   就能得到转换后的中文角色了。