vue3动态修改浏览器标题的ICON图标

575 阅读1分钟

在APP.vue文件中写入如下:

// 动态修改标题栏图标
    const brandName = process.env.VUE_APP_Brand?process.env.VUE_APP_Brand.toLowerCase():''
    const Brand = brandName.slice(1,brandName.length-1)
    let link = document.querySelector("link[rel*='icon']") || document.createElement("link");
    link.type = "image/x-icon";
    link.rel = "shortcut icon";
    link.href = require(`@/assets/brand/${Brand}/agv/agv.png`)
    document.getElementsByTagName("head")[0].appendChild(link);

href为icon图片地址

image.png

image.png