router配置:配置meta:{title:‘页面title’}
export default {
routes:[
//首页
{ path: '/', redirect: '/index',meta: {
title: '首页',
requireAuth:true
}}
]
}
main.js入口文件:
//导入router包
import VueRouter from 'vue-router';
//导入路由配置
import RouterConfig from '../roter/index.js';
Vue.use(VueRouter);
/* 路由发生变化修改页面title */
const rote = new VueRouter(RouterConfig);
rote.beforeEach((to, from, next) => {
if (to.meta.title) {
document.title = to.meta.title
}
next()
})
效果: