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"的注释掉