2021-05-31vue-element-admin之修改浏览器根标题
vue-element-admin
PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
项目地址:https://gitcode.com/gh_mirrors/vu/vue-element-admin
免费下载资源
·
如下图,打开某个页面的情况下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 年前
更多推荐
已为社区贡献1条内容
所有评论(0)