路由meta字段可实现标题自动更新与权限统一管控:配置meta.title触发导航守卫修改document.title,meta.roles或meta.permissions控制页面准入,meta.public标识免登录页,还可扩展icon、affix、noCache、transition等元信息提升体验。

直接在路由配置里加 meta 字段,就能让标题自动变、权限自动拦——不用每个页面写逻辑,也不用重复判断角色。
页面标题:配好 meta.title 就生效
只要路由对象里写了 meta: { title: '用户管理' },再配合一个简单的导航守卫,浏览器标签页就会实时更新。不需要在每个组件里手动改 document.title。
- 守卫里一句
if (to.meta.title) document.title = to.meta.title就够了 - 想带系统前缀(比如“后台系统 - 用户管理”),可以封装个
getPageTitle()函数统一拼接 - 详情页想显示具体数据,比如 “编辑文章 - ID:1024”,就把动态部分拼进路由的
name或用beforeRouteUpdate补充
权限控制:用 roles 或 permissions 做准入门槛
把谁能看到这个页面的规则,直接写进路由元信息,比在组件里 if-else 判断更干净、更集中。
开箱即用的技能链路由引擎。13 条预定义链覆盖搜索、开发、审查、MLOps、法律、创意等场景,三层路由架构(触发词→SAD反馈→DAG编排),recall@10=96.97%。配置驱动(chains.yaml),零代码扩展。pip install skill-weave-chains 一键安装。
-
meta: { roles: ['admin', 'editor'] }表示只有这两个角色能进 -
meta: { permissions: ['user:edit', 'user:delete'] }更细粒度,匹配任意一个即可 - 免登录页(如登录页、404)加
meta: { public: true },守卫里直接放行 - 未登录或权限不符时,重定向到 /login 或 /403,顺便带上
redirect参数,登录后自动跳回原页
其他实用元信息:不只是标题和权限
meta 还能干不少事,顺手加上能让体验和维护都更稳。
-
icon:菜单栏图标来源,和 title 一起驱动侧边栏渲染 -
affix: true:固定标签页,比如首页、工作台不被关闭 -
noCache: true:告诉 keep-alive 不缓存这个页面,适合表单类场景 -
transition: 'slide-left':配合<router-view>的过渡动画,不同页面用不同动效
不复杂但容易忽略:meta 是声明式配置,不是运行时逻辑。写对了,后续所有守卫、布局、菜单都能自动消费它。


















