vue怎么设置动态标题（标签页名称）

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 是路由元信息 可以打印出来，每进入一个页面都会触发打印