# 设置物料插件的"标签页"组件属性 #### 适用场景 "标签页"组件通过页签形式组织页面内容，将复杂信息按主题分区展示。适用于字段繁多、信息结构清晰的复杂表单和多模块数据页面，可有效精简页面层级，提升用户查找效率和操作体验。 #### 基础信息 | **属性名** | **说明** | **支持变量绑定** | |:---|:---|:---| | 组件名 | 标签页组件的名称，默认为"标签页"，不可修改。 | × | | rel引用类 | 标签页组件的ID，系统自动生成，且不可修改。 | × | | Style | 配置标签页组件样式，支持通过CSS代码自定义标签页组件的样式。 | √ | | 默认页签 | 设置标签页初始加载时默认展示的页签（需从已配置的"选项卡"中选择）。 | √ | | 隐藏页签 | 指定无需展示的页签（隐藏后不在页签栏显示，且不会出现在"默认页签"的可选列表中）。 | √ | | 风格类型 | 选择标签页的视觉风格。支持如下类型： - 默认：常规页签样式。 - 扁平卡片：无凸起效果的卡片式页签。 - 带边框卡片：页签外带边框的卡片样式。 | × | | 选项卡所在位置 | 设置页签栏的展示位置。支持以下选项： - 上：页签栏位于内容区上方（默认位置，符合多数用户浏览习惯）。 - 左：页签栏位于内容区左侧，适用于纵向空间充裕、需突出页签层级的场景。 - 右：页签栏位于内容区右侧，适配特定布局需求（如页面左侧需固定展示其他组件时）。 | × | | Tab选中触发事件 | 自定义页签被选中时触发的交互逻辑，通过JavaScript代码实现。例如：联动刷新当前页签内容、根据选中页签调用对应接口获取数据、触发其他组件状态更新等，实现页签选择与业务逻辑的动态关联。 | √ | | 页签初始化事件 | 自定义标签页首次加载时触发的初始化逻辑，通过JavaScript代码实现。例如：预加载默认页签数据、设置页签初始状态（如禁用特定选项）、初始化页签内子组件配置等，确保标签页加载完成后即可满足业务使用需求。 | √ | #### 更多选项类型 | **属性名** | **说明** | **支持变量绑定** | |:---|:---|:---| | 选项卡 | 用于配置标签页的具体页签列表，单击![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002405084349.png "点击放大")，灵活添加多个标签页选项。 配置项包括： - 选项卡ID：页签的唯一标识（用于系统识别）。 - 选项卡标题：页签的显示文本（如"基础信息"、"附件上传"）。 - 是否禁用：设置该页签是否可单击（禁用后灰显，无法切换）。 - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002371404834.png "点击放大")：关闭禁用，表示在启动流程时可以正常操作。 - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002405124473.png "点击放大")：开启禁用，表示不支持在启动流程时执行此操作。 | √ | #### 高级配置 | **属性名** | **说明** | **支持变量绑定** | |:---|:---|:---| | 是否渲染 | 在页面开发中，可能需要根据某些条件来动态显示或隐藏页面中的组件内容，您可以设置此配置项。 - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002350454864.png "点击放大")：关闭渲染。 - ![](https://support.huaweicloud.com/usermanual-idme/figure/zh-cn_image_0000002384215245.png "点击放大")：开启渲染。 | √ | | 循环数据 | 表示需要循环渲染的数组。当页面存在若干份重复的、动态生成的内容时，您可以在高级面板中自定义循环数据。 | √ | | 迭代变量名 | 在循环渲染子项对应的变量名，默认为item。 | × | | 索引变量名 | 循环渲染的索引变量名，默认为index。 | × | | key | 用于标识每个循环项的唯一键值，默认为index。建议根据实际需求选择一个更合适的字段作为唯一标识符，以提高性能和避免潜在问题。 | × |