vue--路由元信息（meta）
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
vue--路由元信息（meta）
定义路由的时候可以配置meta字段，我们可以在这⾥设置⼀些⾃定义信息，供页⾯组件或者路由钩⼦函数中使⽤。
route：
meta:{
title:'关于'
}
路由前置守卫：（我们可以通过 $route.meta.xxxx 获取路由元信息中的数据）
我们可以在钩⼦函数 router.beforeEach 中获取 meta 中的 title 数据，并设置为页⾯标题
router.beforeEach((to,from,next)=>{
// && 与运算有时可以代替⽤来代替if 如果前⼀个值为 true ，则返回后⾯那个值
to.meta && setTitle(to.meta.title)
})
export const setTitle = (title) => {
// 如果该路由没有设置title值，则前⼀个是 undefined || 前⼀个值为false时直接返回admin
// console.log(window.document);
window.document.title = title || 'admin'
}
输出： title为刚才的关于
其他为admin：。