vue动态修改网站的icon图标
2024年08月12日 ico icon vue修改ico 共享博客
由于鹏仔所在的公司平时一套系统要给多个平台部署，每个平台的icon小图标都不一样，所以每次部署时候都得手动切换一下对应系统的图标，很是麻烦，所以就写成一个全局动态的切换吧！
将下方代码放置全局首次加载地方，例如 App.vue 的 mounted 中
// 动态修改网页icon
document.querySelectorAll("link[rel*='icon']").forEach(item => {
if(this.sysType == '1'){
item.href = '/favicon-sf.ico';
}
if(this.sysType == '2'){
item.href = '/favicon-hj.ico';
}
})上方代码中，sysType参数是我全局定义的，只需要判断显示对应的ico图标即可，图标路径可以url地址最为方便。
vue中如何动态设置当前页面的网站标题 https://lmcjl.com/post/154.html
本文链接：http://so.lmcjl.com/news/10609/