封装组件宗旨:用法简单、可拓展、维护性强

一、核心功能

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编辑器