vue动态修改网页icon图标【浏览器】
动态修改网页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"的注释掉