介绍基于 vue 和 element-ui 实现的表单设计器，可以让表单开发简单而高效。提供 表单设计器（MakingForm）和表单生成器（GenerateForm）两个组件，通过表单设计器快速设计出表单页面，生成可配置json和可直接运行的代码，使用表单生成器快速渲染出表单页面，并提供了丰富的操作API。二次开发安装项目依赖包npm install运行项目运行启动的项目是引用设计器的官方网站代

vue本地缓存localStorage将多次添加的表单数据存为数组格式要把表单数据存成数组形式，在另一个页面通过v-for渲染展示，因为拥有同一个key值，在每次更新表单数据时都会发生数据覆盖现象。var templist = JSON.parse(localStorage.getItem("msgBody") || "[]"

数组对象如图所示foreach方法打印结果

介绍基于 vue 和 element-ui 实现的表单设计器，可以让表单开发简单而高效。提供 表单设计器（MakingForm）和表单生成器（GenerateForm）两个组件，通过表单设计器快速设计出表单页面，生成可配置json和可直接运行的代码，使用表单生成器快速渲染出表单页面，并提供了丰富的操作API。二次开发安装项目依赖包npm install运行项目运行启动的项目是引用设计器的官方网站代