实现: document.title=‘’ 切换页面切换标题
router/router.ts:给路由添加meta元信息
{
path: '/login',
component: () => import('@/views/login/index.vue'),
+ meta: {
+ title: '登录'
+ }
},
router/index.ts 前置守卫获取元信息设置网页title
router.beforeEach((to, from) => {
+ document.title = `问诊-${to.meta.title}`
})
实现:扩展元信息类型 types/vue-router.d.ts
types/vue-router.d.ts
import 'vue-router'
declare module 'vue-router' {
// 扩展 元信息类型
interface RouteMeta {
// 标题
title?: string
}
}