效果圖
image.png
核心代碼
1藏澳、main.js
// 路由發(fā)生變化修改頁(yè)面title
router.beforeEach((to, from, next) => {
if (to.meta.title) {
document.title = to.meta.title
}
next()
})
2拓挥、router.js
{
path: '/login',
name: "login",
component: () => import('@/page/login/login.vue'),
meta: {
title: "登錄" //主要是這個(gè)title
}
}