优维低代码实践:片段

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


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

《片段》

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

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

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

片段的创建

创建片段的基本信息

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

片段的调用

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

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

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

相关推荐
踩着两条虫12 小时前
AI 低代码引擎可视化设计器交互机制实战
前端·vue.js·人工智能·低代码·架构
Jeking2171 天前
低代码平台表单设计器 unione form editor 布局组件--卡片布局
低代码·动态表单·表单设计·表单引擎·unione cloud
Jeking2171 天前
实战案例|用 unione form editor 搭建企业级用户注册表单,组件联动 + 标签布局一步到位
低代码·动态表单·表单设计·表单引擎·unione cloud
次元工程师!1 天前
LangFlow开发(三)—Bundles组件架构设计(3W+字详细讲解)
java·前端·python·低代码·langflow
Jeking2171 天前
低代码平台表单设计器 unione form editor 布局组件--栅格布局
低代码·动态表单·表单设计·表单引擎·unione cloud
卷叶小树1 天前
低代码 Runtime Lifecycle:逻辑执行时机
低代码
Jeking2172 天前
低代码平台表单设计器unione form editor组件介绍--多行输入组件
低代码·动态表单·表单设计·表单引擎·unione cloud
Jeking2172 天前
低代码平台表单设计器 unione form editor 布局组件--标签布局
低代码·动态表单·表单设计·表单引擎·unione cloud
一切皆是因缘际会2 天前
AI低代码开发实战:轻量化部署与多场景落地
人工智能·深度学习·低代码·机器学习·ai·架构
踩着两条虫3 天前
可视化设计器组件系统:从交互核心到 AI 智能代理的落地实践
开发语言·前端·人工智能·低代码·设计模式·架构