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