tab-bar.md
687 Bytes
TabBar 标签栏
39ace875fb71df289f67ffdfef38592bf4a21e1d/examples/views/docs/component/tab-bar.md#">基础用法
::: snippet 设置items配置标签项
<template>
<div class="tab-bar-demo">
<zui-tab-bar :items="items"></zui-tab-bar>
</div>
</template>
<script>
export default {
data() {
return {
items: [{ name: 1, label: '标签1' }, { name: 2, label: '标签2' }]
}
}
}
</script>
<style>
.tab-bar-demo {
background: #eee;
padding: 20px;
}
</style>
:::
API
Attribute 属性
参数|说明|类型|可选值|默认值 -|-|-|-|- value | 值 | String, Number | - | - items | 标签项 | Array | - | []
Events 事件
事件名称|说明|回调参数 -|-|- change | 切换标签项 | 名称, 数据, 下标