优维低代码实践:片段

优维低代码技术专栏,是一个全新的、技术为主的专栏,由优维技术委员会成员执笔,基于优维7年低代码技术研发及运维成果,主要介绍低代码相关的技术原理及架构逻辑,目的是给广大运维人提供一个技术交流与学习的平台。


优维低代码实践连载第21期

《片段》

片段类似于模板,由多个组件封装而成,但却不像模板一样需要透传相关参数或配置内部某些构件的事件、方法。

片段更类似于在编排过程中复制某个构件(该构件下的所有子构件都被复制),此时在粘贴板中不止存在该构件,连带将该构件下的所有构件一并保存在粘贴板中。片段中的构件内容在被使用时与被定义时保持一致。

片段定义之后,调用片段并修改内容,不会对原片段产生影响;片段被调用后,再去修改片段内构件的内容,不会对已被调用的片段产生影响。

片段的创建

创建片段的基本信息

添加、修改片段内的构件信息

片段的调用

在组件库中查看新添加的片段

拖拽片段至父构件的插槽中

以上就是片段的定义与调用。

相关推荐
2401_8827275712 小时前
BY组态-低代码web可视化组件
前端·后端·物联网·低代码·数学建模·前端框架
_xaboy2 天前
开源动态表单form-create-designer 扩展个性化配置的最佳实践教程
vue.js·低代码·开源·动态表单·表单·formcreate·低代码表单
_xaboy3 天前
在开源的form-create-designer 表单设计器中扩展自定义操作教程
vue.js·低代码·开源·formcreate·可视化表单设计器·fc-designer
by————组态3 天前
Web组态可视化编辑器 快速绘制组态
前端·网络·物联网·低代码·编辑器·组态
低代码布道师4 天前
微搭低代码入门05循环
低代码
小麦项目管理指南4 天前
如何通过低代码逻辑编排实现业务流程自动化?
运维·低代码·自动化·源代码管理
_xaboy4 天前
利用开源的低代码表单设计器FcDesigner高效管理和渲染复杂表单结构
vue.js·低代码·开源·动态表单·formcreate·低代码表单·可视化表单设计器
Light604 天前
AI 驱动低代码平台:开创智能化用户体验新纪元
人工智能·低代码
jonyleek6 天前
商业智能BI如何零编码对接低代码数据模型?
数据库·低代码·信息可视化·数据分析·数据可视化·软件需求