# myChildTabs子标签
提示
myChildTabs组件是二级标签组件,可以配合myTabs使用,作为myTabs的子菜单使用
# 基本使用
<template>
<view>
<myTabs :tabs="tabs" :current="current" @change="tabChange"/>
<myChildTabs :list="[{label:'未处理',status:'0',num:1},{label:'已处理',status:'1',num:2}]" v-if="current===0">
</myChildTabs>
</view>
</template>
<script>
export default {
data() {
return {
current: 0,
tabs: [{
name: '手机',
count: 10
}, {
name: '电视',
count: 2
}, {
name: '家电'
}, {
name: '笔记本'
}],
}
},
}
</script>
# Props属性
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| position | 位置 | String | '' |
| fixed | 是否固定 | Boolean | false |
| marginTop | 距离顶部 | Number\String | '' |
| height | 高度 | Number\String | '96' |
| top | 顶部 | Number\String | '' |
| right | 右侧 | Number\String | '' |
| bottom | 下边 | Number\String | '' |
| left | 左侧 | Number\String | '' |
| zIndex | 层级 | String | '9999' |
| width | 宽度 | Number\String | '750' |
| current | 当前激活索引 | Number\String | 0 |
| list | 绑定数组 | Array | [] |
# Event事件
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| confirm | 切换子tab时触发 | activeItem, currentTab |