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

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

  

posted @ 2023-06-27 16:36  大楚打码人  阅读(111)  评论(0编辑  收藏  举报