typescript 根据对象的键生成枚举类型

最新推荐文章于 2025-05-16 18:40:57 发布

很菜很菜的人

最新推荐文章于 2025-05-16 18:40:57 发布

阅读量655

点赞数

文章标签： typescript javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_41304029/article/details/132965327

版权

本文介绍了如何使用utilTool库中的方法封装表格组件，提供了propsData接口定义，包括列的格式化、搜索、分页和树形属性的配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

封装了一个表格，其中列可以传递format指定格式化方式，这里所使用到的格式化方法全部来自utilTool,为了提示只能用哪些方法，所以可以使用下面方式

import utilTool from "@/plugins/util.tool";
type formats = keyof typeof utilTool; // 得到键

interface propsData {
  columnsKey: string
  loading: boolean
  searchData: Record<string, any>,
  searchOptions: Array<{ type: string, value: string, label: string }>
  pagination: {
    sizes: Array<Number>
    total: number
    offset: number
    limit: number
  },
  columns: Array<{
    prop: string
    label: string
    width: number
    slot?: string
    format?: formats
  }>
  treeProps: Record<string, any>
}