Tabs 标签页
分隔内容上有关联但属于不同类别的数据集合。
使用方法
API
Tabs API
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
selected | 选中项名字 | string | — | — |
TabsItem API
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
name | 项目名字 | string | — | — |
disabled | 禁用 | Boolean | — | false |
TabsPane API
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
name | 项目名字 | string | — | — |
disabled | 禁用 | Boolean | — | false |
笔记
- 组件通信复杂,使用 provide / inject 提供一个 EventBus
- tabs 切换时的滑块动画使用 js 计算相对屏幕左边的位置 (getBoundingClientRect)