vux更改Tabbar选中状态

date
Nov 1, 2017
slug
vux-tabbar-selected
status
Published
tags
develop
vue
summary
在vux的文档和示例中,都没有明确的说明tabbar上v-model的使用
type
Post
在vux的文档和示例中,都没有明确的说明tabbar上v-model的使用
文档中将v-model说明放在了TabbarItem示例下,但是其实这个应该是放在Tabbar
<template>
    <router-view class="view" v-on:changeTab="changeTab"></router-view>
    <tabbar v-model="index">
        <tabbar-item></tabbar-item>
        ...
        <tabbar-item></tabbar-item>
    </tabbar>
</template>
<script>
data(){
    return{
        index:0,
        ...
    }
}
methods:{
    changeTab(num){
        ...
        this.index = num;
        ...
    }
}
</scirpt>
然后子组件中调用
mounted(){
	this.$emit('changeTab', 2)
}
这样就便于在不同的组件内都可以更改Tabbar选中状态

© Hivan Du 2021