当前位置: 首页 > news >正文

分析vban的utlis中的helper方法(1)——数组

方法

interface TreeHelperConfig {id: string; //用于标识每个节点的唯一标识符字段名称。children: string; // 用于表示子节点的字段名称。pid: string; //用于表示父节点的字段名称。
}// 默认配置
const DEFAULT_CONFIG: TreeHelperConfig = {id: 'id',children: 'children',pid: 'pid',
};// 获取配置。  Object.assign 从一个或多个源对象复制到目标对象
const getConfig = (config: Partial<TreeHelperConfig>) => Object.assign({}, DEFAULT_CONFIG, config);

示例用法

const customConfig = {id: 'nodeId',children: 'subNodes',
};const finalConfig = getConfig(customConfig);
console.log(finalConfig);
输出结果

{
“id”: “nodeId”,
“children”: “subNodes”,
“pid”: “pid”
}

注意事项

只要你的项目使用了 TypeScript,就可以直接使用 Partial,而无需额外的依赖或安装步骤

http://www.dtcms.com/a/232948.html

相关文章:

  • Next打包导出静态文件(纯前端),不要服务器端(node), 隐藏左下角调试模式
  • 平安养老险蚌埠中心支公司开展金融宣教活动
  • 会计 - 金融负债和权益工具
  • 深度学习在非线性场景中的核心应用领域及向量/张量数据处理案例,结合工业、金融等领域的实际落地场景分析
  • 苹果AI眼镜:从“工具”到“社交姿态”的范式革命——重新定义AI交互入口的未来机会
  • Python爬虫实战:Yelp餐厅数据采集完整教程
  • OpenCV种的cv::Mat与Qt种的QImage类型相互转换
  • 汇编语言综合程序设计:子程序、分支与循环深度解析
  • Java中的阻塞队列
  • ResUNet 改进:融合DLKA注意力机制
  • I2C通信讲解
  • React状态管理Context API + useReducer
  • C# ExcelWorksheet 贴图
  • React---day9
  • Docker_Desktop开启k8s
  • BIM Revit教程(十一)如何使用机器学习实现 MEP 布局自动化?
  • Palo Alto Networks Expedition存在命令注入漏洞(CVE-2025-0107)
  • Hadolint:Dockerfile 语法检查与最佳实践验证的终极工具
  • Docker Compose 备忘
  • Neko虚拟浏览器远程协作方案:Docker+内网穿透技术部署实践
  • DASCTF
  • 通信刚需,AI联手ethernet/ip转profinet网关打通工业技术难关
  • BLEU评分:机器翻译质量评估的黄金标准
  • 实时数据仓库是什么?数据仓库设计怎么做?
  • 选 Agent 还是 Workflow?需求导向的深度解析
  • 不等式中的放缩法
  • AnduinOS使用腾讯会议的坑
  • 电子电路:什么是势垒电容,【势垒电容的定义与原理解析】
  • 层次分析法(Analytic Hierarchy Process, AHP)介绍及使用教程
  • 【HTML】HTML 与 CSS 基础教程