更新时间:2025-08-15 GMT+08:00
分享

设置物料插件的“标签页”组件属性

适用场景

“标签页”组件通过页签形式组织页面内容,将复杂信息按主题分区展示。适用于字段繁多、信息结构清晰的复杂表单和多模块数据页面,可有效精简页面层级,提升用户查找效率和操作体验。

基础信息

属性名

说明

支持变量绑定

组件名

标签页组件的名称,默认为“标签页”,不可修改。

×

rel引用类

标签页组件的ID,系统自动生成,且不可修改。

×

Style

配置标签页组件样式,支持通过CSS代码自定义标签页组件的样式。

默认页签

设置标签页初始加载时默认展示的页签(需从已配置的“选项卡”中选择)。

隐藏页签

指定无需展示的页签(隐藏后不在页签栏显示,且不会出现在“默认页签”的可选列表中)。

风格类型

选择标签页的视觉风格支持如下类型:

  • 默认:常规页签样式。
  • 扁平卡片:无凸起效果的卡片式页签。
  • 带边框卡片:页签外带边框的卡片样式

×

选项卡所在位置

设置页签栏的展示位置支持以下选项

  • 上:页签栏位于内容区上方(默认位置,符合多数用户浏览习惯)
  • 左:页签栏位于内容区左侧,适用于纵向空间充裕、需突出页签层级的场景
  • 右:页签栏位于内容区右侧,适配特定布局需求(如页面左侧需固定展示其他组件时)

×

Tab选中触发事件

自定义页签被选中时触发的交互逻辑,通过JavaScript代码实现例如:联动刷新当前页签内容、根据选中页签调用对应接口获取数据、触发其他组件状态更新等,实现页签选择与业务逻辑的动态关联。

页签初始化事件

自定义标签页首次加载时触发的初始化逻辑,通过JavaScript代码实现例如:预加载默认页签数据、设置页签初始状态(如禁用特定选项)、初始化页签内子组件配置等,确保标签页加载完成后即可满足业务使用需求。

更多选项类型

属性名

说明

支持变量绑定

选项卡

用于配置标签页的具体页签列表,单击,灵活添加多个标签页选项。

配置项包括:

  • 选项卡ID:页签的唯一标识(用于系统识别)
  • 选项卡标题:页签的显示文本(如“基础信息”“附件上传”
  • 是否禁用:设置该页签是否可单击(禁用后灰显,无法切换)
    • :关闭禁用,表示在启动流程时可以正常操作。
    • :开启禁用,表示不支持在启动流程时执行此操作。

高级配置

属性名

说明

支持变量绑定

是否渲染

在页面开发中,可能需要根据某些条件来动态显示或隐藏页面中的组件内容,您可以设置此配置项。

  • :关闭渲染。
  • :开启渲染。

循环数据

表示需要循环渲染的数组。当页面存在若干份重复的、动态生成的内容时,您可以在高级面板中自定义循环数据。

迭代变量名

在循环渲染子项对应的变量名,默认为item。

×

索引变量名

循环渲染的索引变量名,默认为index。

×

key

用于标识每个循环项的唯一键值,默认为index。建议根据实际需求选择一个更合适的字段作为唯一标识符,以提高性能和避免潜在问题。

×

相关文档