Tabs 标签页

用于创建包含内容区域的标签页

引入

import { Tabs, TabPane } from 'mand-mobile-next'

Vue.createApp().component(Tabs.name, Tabs)
Vue.createApp().component(TabPane.name, TabPane)

代码演示

API

Tabs Props

属性说明类型默认值备注
default-index默认显示第几项Number0数组索引
has-ink是否显示下划线Booleantrue
ink-length下划线宽度Number0该数值为下划线占标签按钮宽度的百分比,须在1-100之间
immediate初始化后立即就触发一次change事件Booleanfalse

TabPane Props

属性说明类型默认值备注
name唯一键名String必须
label菜单标题String必须
disabled是否禁用Booleanfalse

Tabs Events

@change(tab)

当用户选择标签触发

属性说明类型
tab选中的标签菜单对象Object:{name: String, label: String, disabled: Boolean}