表单制作自定义字段的高级用法

FormMakingForm Designer简介Form Designer是通用的表单设计器的前端解决方案，与行业无关。表单设计器包括两个模块：设计器(制作表单)和生成器(生成表单)。设计器主要负责表单的动态设计，可以通过拖拽的方式设计生成表单页面，生成器负责表单页面的渲染和回写数据。如果你不太懂表单制作，你可能会把表单制作当成一个简单的页面设计器，只是为了减少重复的表单。稍有前端开发经验，只需简单的复制粘贴就能快速制作出固定的表单页面。FormMaking是一套完整的与表单相关的前端解决方案，包括表单的动态设计、表单渲染、数据回写、数据验证、事件支持、css定制、动作面板等丰富的功能。所有这些功能只需要一个import命令将MakingForm和GenerateForm引入到项目中，你的项目就可以拥有这些功能。
表单制作的新功能，自定义字段的高级用法，表单制作的基本功能之前可以看到。在本文中，我们将介绍如何使用FormMaking来引入我们自己的高级组件，并且我们可以通过设计器配置和处理事件来封装分页数据表组件。我们将封装一个分页数据表组件，它使用ElementPlus TableV2。
引入设计器注册的组件应该首先在它自己的项目中注册。
从’ PaginationTable.vue’app.use导入CustomPagination Table(formmaking v3，{ components :[{ name : ‘ Custom-pagination-Table ‘，Component : Custom pagination Table//Custom Component }]})也可以使用Vue.component注册组件。
App.component(‘自定义分页表’，自定义分页表)设计器配置
然后它会显示在自定义字段中。
设计者界面
组件表
列配置在字段属性中设置扩展属性配置。
数据加载数据加载的加载事件由配置的自定义组件中的emit抛出到设计器中，加载事件添加到配置的属性-动作设置字段中，如下所示：
展示效果。我们来看看最后的效果。
翻译
更多关于表单制作的细节可以移动：可视化低代码表单设计器-表单制作