van-tabbar-item选中active状态没变

1.在 van-tabbar
中,你需要使用 v-model
来绑定当前激活的 tab
的索引。确保你为 van-tabbar
组件绑定了正确的索引,并且这个索引是动态更新的。例如:
<van-tabbar v-model="active" @change="onChange">
<van-tabbar-item icon="home-o">标签</van-tabbar-item>
<van-tabbar-item icon="search">标签</van-tabbar-item>
<van-tabbar-item icon="friends-o">标签</van-tabbar-item>
<van-tabbar-item icon="setting-o">标签</van-tabbar-item>
</van-tabbar>
2. 检查 active
值的动态更新
export default {
data() {
return {
active: 0 // 默认选中第一个标签
};
},
methods: {
onChange(event) {
// event 的值为当前选中项的索引
this.active = event
console.log(this.active, 'active')
},
}
}