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

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

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

复制代码

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

 


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