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/

展开阅读全文