vue动态修改网站的icon图标

作者：鹏仔先生日期：2024-08-09 17:44:20浏览：196分类：JavaScript

由于鹏仔所在的公司平时一套系统要给多个平台部署，每个平台的icon小图标都不一样，所以每次部署时候都得手动切换一下对应系统的图标，很是麻烦，所以就写成一个全局动态的切换吧！

vue动态修改网站的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://sharedbk.com/post/154.html