简介
标签页是提供选项卡切换功能的魔笔基础组件。

配置项
分类 | 配置 | 示例 | 说明 |
内容 | 选项模式 |
| 静态:配置静态的选项卡 关联:关联模式下可以选择多视图容器作为绑定对象,组件将自动链接切换多视图容器的能力 |
关联容器 |
| 选择多视图容器作为绑定对象 | |
标签选项页标识设置 |
| 页签的标识符 | |
标签选项页标题设置 |
| 页签的文字内容 | |
标签选项页禁用设置 |
| 页签开启禁用,开启后不可选中 | |
标签选项页图标设置 |
| 页签前置图标设置 | |
默认选中面板key |
| 默认选中面板key | |
自定义折叠按钮 |
| 自定义折叠按钮 | |
交互 | 隐藏 |
| 隐藏,详情参见通用属性 |
隐藏时保留布局 |
| 隐藏时保留布局,详情参见通用属性 | |
样式 | 外边距 |
| 外边距,详情参见通用属性 |
页签位置 |
| 页签位置 | |
页签是否居中 |
| 页签是否居中 | |
页签样式 |
| 页签样式,可选项:线型、卡片 | |
页签之间的间隙 |
| 页签之间的间隙 |
属性与方法
名称 | 类型 | 示例 | 说明 |
items | array |
| 只读,当前 Tabs 的选项卡内容,items 类型为 |
activeKey | string |
| 选中标签页 key 值 |
setActiveKey | func |
| 设置标签页当前选中 key 值 |
事件回调
配置 | 说明 |
| 选中页签改变时触发的回调 |
| 页签被点击时触发的回调 |
| 页签滚动时触发的回调 |
该文章对您有帮助吗?

















