Tabs 标签页
概述
选项卡切换组件,常用于平级区域大块内容的的收纳和展现。
代码示例
API
Tabs Props
属性 | 说明 | 类型 | 默认值 |
value | 可以使用v-modal, 表示当前激活的是那一项 | String|Number | 1 |
type | 可选值有card, 如果没配置则显示默认样式 | String | |
closable | 选项是否可删除 | Boolean | false |
draggable | 选项是否可拖拽 | Boolean | false |
Tabs Events
事件名 | 说明 | 返回值 |
on-click | tab被点击时触发 | (name) |
on-tab-remove | tab被删除时触发 | (name, index) |
on-tab-change | 拖拽排序时触发 | ({ from:index, to:index }) |
Tab Props
属性 | 说明 | 类型 | 默认值 |
name | 用于标识当前选项卡 | String | null |
label | 选项卡头部显示的文案,或者是自定义的组件 | String|Object | null |
icon | 选项卡头部显示的icon | String | null |
disabled | 是否禁用该选项卡 | Boolean | false |