router.js
{
path: '/nav',
component: () => import('../view/nav.vue'),
meta:{
title:'nav',
}
},
{
path: '/haha',
component: () => import('../view/haha.vue'),
meta:{
title:'haha'
}
}
在配置路由的时候加上meta
router目录下的index.js中
router.beforeEach((to, from, next) => {
/* 路由发生变化修改页面meta */
if(to.meta.content){
let head = document.getElementsByTagName('head');
let meta = document.createElement('meta');
meta.content = to.meta.content;
head[0].appendChild(meta)
}
/* 路由发生变化修改页面title */
if (to.meta.title) {
document.title = to.meta.title;
}
next()
});