vue动态修改网页icon图标【浏览器】

发表于 2025-1-18 12:28:43

您需要登录才可以下载或查看，没有账号？立即注册

×

动态修改网页icon图标
在app.vue文件中添加以下代码

created () {
var link = document.querySelector("link[rel*='icon']") || document.createElement("link")
link.type = "image/x-icon"
link.rel = "shortcut icon"
link.href=this.url// icon地址
//这里可以加判断选要的icon
// const name = localStorage.getItem("companyName")
// if (name.includes("医祈")) {
// link.href = require('../src/assets/logo/logo_yiqi.png')
// } else {
// link.href = require('../src/assets/logo/logo.png')
//}
document.getElementsByTagName("head")[0].appendChild(link)
}

复制代码

如果没反应，可以将index.html中的带有rel="icon"的解释掉

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。