Vue3 + Element Plus 部门人员树方案设计，前面发表了React + Antd以及微信小程序的方案设计，寻思着顺便将Vue3也一并发布了，这次附上了代码demo

概述 实际项目中，基本上离不开表单，一般都是直接使用组件库form组件进行编写，直接使用对应组件其实也没什么大问题，就是复用起来比较麻烦，每次都需要手动复制一个个的表单item，当表单很多，联动较多的

在从vue转到react后被antdPro封装的ProTable和ProForm惊艳到，不用写一堆标签，一套JSON搞定，摸鱼的时间又增加了...vue这边没有找到开源的，那就自己实现下

本文将分享如何将 Element Plus 的 Dialog 组件封装成一个灵活易用的 Hooks，大幅提升开发效率。

24年下半年接触了公司的几个自研项目，属于后台管理系统。我们是搞内网安全，会收集一些电脑数据，通过前期设置的策略对数据进行清洗汇总。所以经常跟表格 和 表单 打交道。 公司有自己的组件库，但

超级组基于 Vue3.5 + Element-Plus 二次封装了 el-table、el-form、el-descriptions 等常用组件，通过 JSON 配置项驱动页面的生成

在许多 Vue 项目中，我们经常需要使用表格来展示数据。Element Plus 提供了一个功能丰富的 el-table 组件，但在某些情况下，我们可能需要对其进行二次封装以满足特定需求。

一、写在前面 本文使用 Vue3 + Vite + TypeScript + Element-Plus 作为主要的环境和前提，不讨论其他状况下的问题。 在常见的后台管理系统中，前端往往需要大量的表格来

经过对elementPlus源码的分析，和dark模式切换效果的调试，我们最终发现了，elementPlus的dark模式切换原理，找到了对应模式下正确的混合色算法，据此改造并优化我们原有的混合色生成