//在router相关的js文件中加入meta语法
path: "/search",
component: () => import("@/views/search/search.vue"),
meta: {
hideTabBar: true
}
//接着在APP.vue中增添一个判断
<template>
<div class="app">
<router-view/>
<!-- **隐藏底部导航栏 -->
<tab-bar v-if="!route.meta.hideTabBar"/>
</div>
</template>
//js中引入相应文件
<script setup>
import { useRoute } from 'vue-router';
const route = useRoute()
</script>
完美隐藏!