1、使用document.title 文档

​​document.title​​

2、首先在settings.js文件里设置title

根据不同路由设置动态标题_javascript

3、然后在vue.config.js里配置

const defaultSettings = require('./src/settings.js')

const name = defaultSettings.title || 'vue Element Admin' // page title

根据不同路由设置动态标题_前端_02

4、然后在permission.js的路由导航守卫里面调用document.title

import getPageTitle from '@/utils/get-page-title'

router.beforeEach(async(to, from, next) => {
  // start progress bar
  NProgress.start()

  // set page title
  document.title = getPageTitle(to.meta.title)

然后找到getPageTitle方法,按住Ctrl键左键单击getPageTitle方法跳转到get-page-title.js文件界面

5、查看getPageTitle方法