Tabs 标签页
代码演示
API
Tabs Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 | Version | 
|---|---|---|---|---|---|
| value / v-model | 绑定值,选中选项卡的 name | String | — | 第一个选项卡的 name | |
| size | 大小 | String | 'large' | 'medium' | 'medium' | |
| type | 风格类型 | String | 'card' | 'border-card-light' | 'border-card-dark' | 'menu' | — | |
| closable | 标签是否可关闭 | Boolean | — | false | |
| addable | 标签是否可增加 | Boolean | — | false | |
| editable | 标签是否同时可增加和关闭 | Boolean | — | false | |
| tab-position | 选项卡所在位置 | String | 'top' | 'right' | 'bottom' | 'left' | 'top' | |
| stretch | 标签的宽度是否自撑开 | Boolean | — | false | |
| before-leave | 切换标签之前的钩子,若返回 false 或者返回 Promise 且被 reject,则阻止切换。 | Function(activeName, oldActiveName) | — | — | |
| clear-icon | 自定义删除图标的类名 | string | — | w-icon-close-solid | 
Tabs Events
| 事件名称 | 说明 | 回调参数 | Version | 
|---|---|---|---|
| tab-click | tab 被选中时触发 | 共两个参数,依次为:被选中的标签 tab 实例、event | |
| tab-remove | 点击 tab 移除按钮后触发 | 被删除的标签的 name | |
| tab-add | 点击 tabs 的新增按钮后触发 | — | |
| edit | 点击 tabs 的新增按钮或 tab 被关闭后触发 | 共两个参数,依次为:当前标签的 name、操作 action | |
| tab-contextmenu | tab 被右击时 | 共两个参数,依次为:被右击的标签 tab 实例、event | v2.0.0 | 
Tab-pane Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 | Version | 
|---|---|---|---|---|---|
| label | 选项卡标题 | String | — | — | |
| disabled | 是否禁用 | Boolean | — | false | |
| name | 与选项卡绑定值 value 对应的标识符,表示选项卡别名 | String | — | 该选项卡在选项卡列表中的顺序值,如第一个选项卡则为'1' | |
| closable | 标签是否可关闭 | Boolean | — | false | |
| lazy | 标签是否延迟渲染 | Boolean | — | false | 
贡献者
| 类型 | 参与者 | 
|---|---|
| 设计者 | UED视觉组 | 
| 维护者 | UED前端组 |