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