如下图,打开某个页面的情况下vue-element-admin的浏览器标题是当前页面的pageTitle+根部title
在这里插入图片描述

那么该如何修改浏览器标题呢?

如何显示浏览器标题
在@/utils/get-page-title.js中

进入@/utils/get-page-title.js可以看到
1.在打开页面的情况下,浏览器标题是当前页面的pageTitle-根部title,当然也可以自己改变形式
2.在没有打开页面无pageTitle的情况下浏览器标题是根部title
3.当在@/settings下的defaultSettings设置了title,则根部title为defaultSettings.title;否则为默认值Vue Element Admin
在这里插入图片描述

在@/permission.js中

在@/permission.js中,会调用@/utils/get-page-title.js中的函数getPageTitle获取浏览器标题值赋值给document.title
然后就会将这个title渲染到浏览器标题上啦
在这里插入图片描述

修改根部标题(如把Vue Element Admin替换为网站名称)

进入@/settings.js文件内,修改此处的title
在这里插入图片描述

GitHub 加速计划 / vu / vue-element-admin
87.26 K
30.42 K
下载
PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:2 个月前 )
0caa975e - 2 年前
cd3f7267 - 2 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐