# Tabs 标签页

# 代码演示

# API

# Tabs Attributes

参数 说明 类型 可选值 默认值 Version
value / v-model 绑定值,选中选项卡的 name String 第一个选项卡的 name
size 大小 String 'large' | 'medium' | 'small' '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
prev-icon 左边图标, 值为通用字体图标的 className String w-icon-triangle-left V2.2.1
next-icon 右边图标, 值为通用字体图标的 className String w-icon-triangle-right V2.2.1
clear-trigger 删除按钮触发方式 String 'hover' 'hover' v2.2.1

# 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
上次更新: 8/22/2023, 3:26:10 PM