HS_MZAP/src/views/tab_a/tab_a.vue

<template>
    <router-view></router-view>
    <van-tabbar v-model="active" route >
        <van-tabbar-item replace to="/setting" name="toBeDone" icon="notes-o">我的待办</van-tabbar-item>
        <van-tabbar-item replace to="/setting" name="siteMan" icon="shop-o">场所管理</van-tabbar-item>
        <van-tabbar-item replace to="/setting" name="activityMan" icon="newspaper-o">活动管理</van-tabbar-item>
        <van-tabbar-item replace to="/setting" name="setting" icon="friends-o">个人中心</van-tabbar-item>
    </van-tabbar>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const active = ref(0);
    const onChange = (index) => console.log(`标签 ${index}`);
    return {
      onChange,
    };
  },
}
</script>

<style>
</style>