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 = eventconsole.log(this.active, 'active')},}
}