vue动态修改标签页的icon、系统名称
vue动态修改标签页的icon、系统名称
·
一:修改icon
1.修改初始化的 icon
只需要把 public / favicon.ico
改成我们所需要的图片即可
2.动态改变icon
document.querySelector('link[rel="icon"]').setAttribute('href', 'favicon.ico')
favicon.ico
可以通过接口去获取到已设置的icon,从而实现动态改变icon的需求
二:修改标签页的系统名称
1.在vue.config.js中修改
chainWebpack: config => {
config.plugin('html')
.tap(args => {
args[0].title = '系统名称'
return args
})
},
2.动态修改
document.title = '系统名称' // 设置标签页系统名称
系统名称:可以根据接口进行获取
更多推荐
已为社区贡献3条内容
所有评论(0)