configuration options, Details are mentioned below.
insert-to-after
Insert to tag's after
Boolean
false
is-mousedown-active
set tab is active when mousedown
Boolean
true
render-label
render label
Function(tab, index)
-
auto-hidden-close-icon-width
auto hidden close tab width. if tabWidth < 120, close icon can not show. If you don’t want this feature, you can set the value to 0.
Number
120
on-close
when tab close btn click. if return false, it cannot be closed.
Function(tab, key, index)
-
Tabs Attributes
Attributes
Description
Type
Default
label
tab label
String
-
key
tab key
String
-
class
tab class
String
-
closable
tab closable
Boolean
true
dragable
tab tragable
Boolean
true
swappable
tab swappable
Boolean
true
favicon
tab favicon. Custom favicon renderer. It uses Vue's render function. It accepts two arguments: the first is h, the second is an object. including tab and index
Function, required image
-
Props Attributes
Attributes
Description
Type
Default
label
specify which key of tab object is used as the tab's label
String
'label'
key
specify which key of tab object is used as the tab's key