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

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

就能得到轉換後的中文角色了。