封装组件宗旨:用法简单、可拓展、维护性强
一、核心功能
1.可配置型表单,根据json自动生成
传入json数据,自动生成表单;不需要把每个组件都写一遍
2.具有element-plus表单组件原功能,还可增强
具有原组件功能,可以进行表单验证,动态删减,还能集成第三方插件
二、方案步骤
1.分析可在element-plus基础上做哪些优化
(1)通过遍历生成组件,优化代码量
2.制定json参数结构与ts类型
(1)用户传入数组,每项是单个表单组件
(2)ts类型可以限确保并检查用户传入正确格式的数据
3.封装的组件要具有element-plus原表单组件的功能
(1)查看element-plus文档,搜集form组件名称,定义组件名类型与范围
(2)使用component组件的 is 属性,渲染element-plus的表单组件
4.集成第三方插件
(1)集成富文本编辑器和markdown编辑器