TabBar 标签栏

用于创建不含内容区域的标签栏

引入

import { TabBar } from 'mand-mobile-next'

Vue.createApp().component(TabBar.name, TabBar)

属性	说明	类型	默认值	备注
v-model	双向绑定的标签对象`name`	String
items	标签标题数组	Array<{name: String, label: String, disabled: Boolean}>
has-ink	是否显示下划线	Boolean	`true`
ink-length	下划线宽度	Number	`0`	该数值为下划线占标签按钮宽度的百分比，须在`1-100`之间
immediate	初始化后立即就触发一次`change`事件	Boolean	`false`

标签索引发生变化事件

<md-tab-bar>
  <template #default="slotProps">
    <span class="green">
      {{ slotProps.item.label }}
    </span>
  </template>
</md-tab-bar>