1.我是用的element后台管理系统,utils里有个get-page-title的js文件
import defaultSettings from '@/settings'
const title = defaultSettings.title || 'Vue Admin Template'
export default function getPageTitle(pageTitle) {
if (pageTitle) {
return `${pageTitle} - ${title}`
}
return `${title}`
}
2.引入路由导航前置守卫里
import getPageTitle from '@/utils/get-page-title'
3.注册使用
router.afterEach((to,from) => {
document.title = getPageTitle(to.meta.title)
})
说明:
第一张图里的title是setting里设置的title标题
第三张图里的to.meta 是路由元信息 可以打印出来,每进入一个页面都会触发打印