Baidu DLS

返回 DLS

Tab 标签

Tab 组件需要配合 Tabs 组件使用。

示例

Tabs 示例

API

属性

名称类型默认值描述
labelstring-选项卡文本。
namestring-选项卡名称。
disabledboolean=false选项卡是否禁用。
tostring|Object-

选项卡路由信息。类型见 Link 组件的同名属性。如果 to 存在,则 name 属性将被忽略。

如果使用了 Vue Router,当前被激活的状态将与 $route 对象自动匹配,无需在 Tabs 组件中手动控制 indexactive

matchesfunction(Route, Route): boolean-

在使用了 Vue Router 且提供了 to 属性后,用于自定义判断路由当前激活 Tab 的逻辑。参数列表为 (current: Route, to: Route)currentto 参数均为 Vue Router 的 Route 类型对象。默认使用上层 Tabs 组件的 matches 逻辑。

nativebooleanfalse路由模式是否强制使用原生的 <a> 元素。
removableboolean是否可删除。
statusstring-

选项卡状态。

描述
success成功状态。
warning警示状态。
info普通信息状态。
error错误状态。

插槽

名称描述
default默认插槽。
item标签选项卡内容,包括对应的按钮/链接。
label标签选项卡文本。