526互联

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

发布时间 2023-06-27 16:42:45作者: 小二↑上酒
export enum Roles{
    SuperAdmin='超级管理员',
    Admin='管理员',
    Other='其它',
    ...
}

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

 

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] },
  .....
];

就能得到转换后的中文角色了。