评论

JVS低代码如何实现表单组件的二次开发?

原标题:JVS低代码如何实现表单组件的二次开发?

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做好配置引入:

选择组件在界面展示的位置:

实现将组件实例化的功能

如果要实现组件之间联动、数据过滤等更多功能,请参考完整的源码。返回搜狐,查看更多

责任编辑:

平台声明:该文观点仅代表作者本人,搜狐号系信息发布平台,搜狐仅提供信息存储空间服务。
阅读 ()
大家都在看
推荐阅读