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前端组
上次更新: 8/11/2021, 3:09:38 PM