jvs-ui前端代码采用element-ui+vue的技术栈开发的,表单引擎是低代码的核心功能之一,本文对表单如何新增自定义组件做了简要的介绍。表单中的表格组件为例,我们先来看看表格组件最终实现的效果:
开发步骤:
1、先实现组件功能
关键需要将自定义组件的表单值通过$emit (事件) 传递到 fomitem
2、在src/components/basic-assembly/formitem.vue引入
在这里做好事件监听,同步表单数据
3、在表单设计器中新增该组件,src/views/page/plugin/assembly添加对应组件配置js文件
在src/views/page/plugin/assembly.vue做好配置引入:
选择组件在界面展示的位置:
实现将组件实例化的功能
如果要实现组件之间联动、数据过滤等更多功能,请参考完整的源码。返回搜狐,查看更多
责任编辑: