标签页

介绍

将内容组织同一视图中，一次可查看一个视图内容，查看其他内容可切换选项卡查看。

API

Props

参数名	描述	类型	默认值
status	默认状态	'default' | 'hide'	'default'
activeKey	当前选中页签Key	string	-
tabs	页签	Tabs	-
type	样式，定义选项卡样式	'line'|'capsule'|'card'|'card-gutter'|'rounded'|'text'	'line'
direction	选项卡方向	'horizontal'|'vertical'	'horizontal'
destroyOnHide	不显示时销毁内容	boolean	false
baseStyle	自定义样式	string	-
customClass	类名绑定	string	-
size	尺寸	'mini'|'small'|'medium'|'large'	'medium'
position	位置	'top'|'right'|'bottom'|'left'	'top'
trigger	触发方式	'click'|'hover'	'click'
animation	过度动画	boolean	false
justify	高度充满容器	boolean	false
lazyLoad	首次展示挂载内容	boolean	false
headerPadding	水平边距，type属性为'line'或者'text'时配置可生效	boolean	true
uniqueKey	唯一标识	string	-
loop	循环 ， 循环渲染设置	Loop	-

Events

事件名	描述	参数
onChange	文字气泡显示状态更改时触发	ctx params:string
onTabClick	文字气泡显示状态更改时触发	ctx params:string

Type

// 页签
type Tabs = {
  "id":number,
  "title":string,
  "key":number,
  "itemKey":string,
  "itemStatus":string,
  "icon":string,
  "disabled":boolean
}[]

// 循环
type Loop = {
  "data": any[],
  "paramName": string,
  "indexName": string,
  "key": string
}