如何在vuestic-admin模板中添加不显示于侧边栏的新路由？

嘿，我来帮你搞定这个问题！在Vuestic Admin里添加一个不在侧边栏显示的新页面其实很简单，跟着下面的步骤操作就行：

步骤1：定位路由配置文件 #

首先找到项目里的路由配置，Vuestic Admin的路由文件一般放在 src/router 目录下，通常是 routes.js 或者 index.js 文件，打开它。

步骤2：导入你的Contact组件 #

在路由文件的顶部，导入你已经创建好的 Contact.vue 组件，注意路径要和你的实际文件位置对应：

import Contact from '@/components/contact/Contact.vue';

步骤3：添加隐藏式路由 #

在路由数组中新增一个路由对象，核心是通过meta.hidden属性让它不在侧边栏显示，代码示例如下：

// 找到现有的routes数组，在里面添加：
{
  path: '/contact', // 页面访问路径
  name: 'Contact', // 路由名称
  component: Contact, // 关联的组件
  meta: {
    hidden: true // 关键：这个属性会让侧边栏忽略该路由
  }
}

如果你的路由需要嵌套在某个父路由下，同样给子路由加上meta: { hidden: true }即可，它不会出现在侧边栏的菜单里。

步骤4：验证效果 #

保存文件后，你可以直接在浏览器地址栏输入 /contact 访问这个页面，或者在其他组件里用路由跳转链接：

<router-link to="/contact">打开联系页面</router-link>

此时侧边栏里完全不会出现这个页面的选项，完美符合你的需求！

内容的提问来源于stack exchange，提问作者user9508949