设置物料插件的“标签页”组件属性
适用场景
“标签页”组件通过页签形式组织页面内容,将复杂信息按主题分区展示。适用于字段繁多、信息结构清晰的复杂表单和多模块数据页面,可有效精简页面层级,提升用户查找效率和操作体验。
基础信息
属性名 | 说明 | 支持变量绑定 |
|---|---|---|
组件名 | 标签页组件的名称,默认为“标签页”,不可修改。 | × |
rel引用类 | 标签页组件的ID,系统自动生成,且不可修改。 | × |
Style | 配置标签页组件样式,支持通过CSS代码自定义标签页组件的样式。 | √ |
默认页签 | 设置标签页初始加载时默认展示的页签(需从已配置的“选项卡”中选择)。 | √ |
隐藏页签 | 指定无需展示的页签(隐藏后不在页签栏显示,且不会出现在“默认页签”的可选列表中)。 | √ |
风格类型 | 选择标签页的视觉风格。支持如下类型:
| × |
选项卡所在位置 | 设置页签栏的展示位置。支持以下选项:
| × |
Tab选中触发事件 | 自定义页签被选中时触发的交互逻辑,通过JavaScript代码实现。例如:联动刷新当前页签内容、根据选中页签调用对应接口获取数据、触发其他组件状态更新等,实现页签选择与业务逻辑的动态关联。 | √ |
页签初始化事件 | 自定义标签页首次加载时触发的初始化逻辑,通过JavaScript代码实现。例如:预加载默认页签数据、设置页签初始状态(如禁用特定选项)、初始化页签内子组件配置等,确保标签页加载完成后即可满足业务使用需求。 | √ |
更多选项类型
属性名 | 说明 | 支持变量绑定 |
|---|---|---|
选项卡 | 用于配置标签页的具体页签列表,单击 配置项包括:
| √ |
高级配置
属性名 | 说明 | 支持变量绑定 |
|---|---|---|
是否渲染 | 在页面开发中,可能需要根据某些条件来动态显示或隐藏页面中的组件内容,您可以设置此配置项。
| √ |
循环数据 | 表示需要循环渲染的数组。当页面存在若干份重复的、动态生成的内容时,您可以在高级面板中自定义循环数据。 | √ |
迭代变量名 | 在循环渲染子项对应的变量名,默认为item。 | × |
索引变量名 | 循环渲染的索引变量名,默认为index。 | × |
key | 用于标识每个循环项的唯一键值,默认为index。建议根据实际需求选择一个更合适的字段作为唯一标识符,以提高性能和避免潜在问题。 | × |






