在 vue 路由中,通过设置 hidden 属性为 true 可隐藏路由,隐藏后路由将不再显示在导航栏或侧边栏中。隐藏单个路由或一组路由时,直接在路由数组中设置 hidden 属性即可。利用 meta 字段,还可以根据特定条件动态隐藏路由。隐藏的路由仍可通过直接输入 url 访问,不会影响路由守卫或导航钩子。

(图1)

Vue 路由隐藏功能

如何隐藏 Vue 路由?

在 Vue 路由中隐藏路由可以通过设置 hidden 属性。当 hidden 设置为 true 时,该路由将不会在导航栏或侧边栏等菜单中显示。

隐藏单个路由

立即学习“前端免费学习笔记(深入)”;

const routes = [
  {
    path: '/dashboard',
    name: 'Dashboard',
    component: Dashboard,
    hidden: true
  }
]
1、本站目前拥有近 1000+ 精品收费资源,现在加入VIP会员即可全部下载。
2、本资源部分来源其他付费资源平台或互联网收集,如有侵权请联系及时处理。
SEA模板网 » vue路由怎么隐藏

发表评论

加入本站VIP会员订阅计划,海量资源免费查看

目前为止共有 3654 位优秀的VIP会员加入! 立刻加入VIP会员