$ui/components/my-tabs

选项卡容器组件

Source:

Members

(inner) props

Source:
Properties:
Name Type Attributes Default Description
tabs array <optional>

选项卡数据数组, 项对象 {name,label,component, props}

Properties
Name Type Attributes Description
name string <optional>

选项卡名称，用来标识选项卡
label string <optional>

选项卡文本，复杂内容可用插槽定义
component string | VueComponent <optional>

选项卡加载的组件，可选。定义内容插槽，该设置将会失效
props object <optional>

组件的实例化参数，对 设置 tabs.component 有效
defaultActive string <optional>

初始激活的选项卡名称
position string <optional>
 left

tab显示位置，可选 'left', 'right', 'top'
stretch boolean <optional>

标签的宽度是否自撑开，对 position 为 top 有效
responsiveWidth number <optional>

响应式的宽度，小于该值后变成position=top
fixed boolean <optional>

固定tabs，不随页面滚动，对 position 为 left 或 right 有效
card boolean <optional>

开启卡片模式，仅对 position 为 top 有效

属性参数， 继承 MyContainer 的全部参数，如 fit、shadow、border

(inner) slots

Source:
Properties:
Name Type Description
label string

作用域插槽，定义选项卡的头部，参数 tab：选项卡项数据，index：选项卡索引
default string

作用域插槽，定义选项卡内容，参数 tab：选项卡项数据

插槽

Events

change

Source:

选项卡切换时触发

Parameters:
Name Type Description
name string

选项卡名称
tab Object

选项卡数据对象