ant-design-vue/components/tabs/index.zh-CN.md
2019-09-28 20:45:07 +08:00

2.1 KiB
Raw Blame History

API

Tabs

参数 说明 类型 默认值
activeKey(v-model) 当前激活 tab 面板的 key string
animated 是否使用动画切换 Tabs在 `tabPosition=top bottom` 时有效 boolean | {inkBar:boolean, tabPane:boolean}
defaultActiveKey 初始化选中面板的 key如果没有设置 activeKey string 第一个面板
hideAdd 是否隐藏加号图标,在 type="editable-card" 时有效 boolean false
size 大小,提供 large defaultsmall 三种大小 string 'default'
tabBarExtraContent tab bar 上额外的元素 slot
tabBarStyle tab bar 的样式对象 object -
tabPosition 页签位置,可选值有 top right bottom left string 'top'
type 页签的基本样式,可选 linecard editable-card 类型 string 'line'
tabBarGutter tabs 之间的间隙 number

事件

事件名称 说明 回调参数
change 切换面板的回调 Function(activeKey) {}
edit 新增和删除页签的回调,在 type="editable-card" 时有效 (targetKey, action): void
nextClick next 按钮被点击的回调 Function
prevClick prev 按钮被点击的回调 Function
tabClick tab 被点击的回调 Function

Tabs.TabPane

参数 说明 类型 默认值
forceRender 被隐藏时是否渲染 DOM 结构 boolean false
key 对应 activeKey string
tab 选项卡头显示文字 string|slot